미채택 완료

모바일 화면보다 큰 이미지, 동영상 화면 맞춤 하는 방법

모바일에서 화면보다 큰 이미지나 동영상의 폭을 폰의 화면과 맞춤하게 하고 싶습니다.

예를 들어 폰의 가로 픽셀이 400인데 이미지가 500이고 동영상 폭이 600이면

이걸 폰의 400 이내로 가로 맞춤하고 싶습니다.

이 방법 아시는 분 답변주시면 고맙겠습니다.

답변 3개

스타일로 컨트롤하면 될것 같은데요.

미디어쿼리 사용해서 pc버전에서는 자신의 사이즈로 모바일일때는 적용 css

Copy
<style>@media(max-widht:400){     //모바일 가로해상도img, video{width:100%}}</style>

모바일에서는 이미지와 영상폭을 100% 꽉차게 보기위함입니다. 

Copy
<style>@media (max-width: 400px) {  #photos {      width:500px;  }}</style>
 

css로 조절하면 되지 않을까요?

max-width:100%;height:auto; ... 이런식으로?

답변을 작성하려면 로그인이 필요합니다.