모바일 화면보다 큰 이미지, 동영상 화면 맞춤 하는 방법
본문
모바일에서 화면보다 큰 이미지나 동영상의 폭을 폰의 화면과 맞춤하게 하고 싶습니다.
예를 들어 폰의 가로 픽셀이 400인데 이미지가 500이고 동영상 폭이 600이면
이걸 폰의 400 이내로 가로 맞춤하고 싶습니다.
이 방법 아시는 분 답변주시면 고맙겠습니다.
답변 3
css로 조절하면 되지 않을까요?
max-width:100%;height:auto; ... 이런식으로?
<style>
@media (max-width: 400px) {
#photos {
width:500px;
}
}
</style>
스타일로 컨트롤하면 될것 같은데요.
미디어쿼리 사용해서 pc버전에서는 자신의 사이즈로 모바일일때는 적용 css
<style>
@media(max-widht:400){ //모바일 가로해상도
img, video{width:100%}
}
</style>
모바일에서는 이미지와 영상폭을 100% 꽉차게 보기위함입니다.
답변을 작성하시기 전에 로그인 해주세요.