테스트 사이트 - 개발 중인 베타 버전입니다

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

PIREE 8년 전 조회 4,416

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

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

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

 

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

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

답변 3개

IAMA
8년 전

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

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

</p><p><style></p><p style="margin-left: 40px;">@media(max-widht:400){     //모바일 가로해상도</p><p style="margin-left: 80px;">img, video{width:100%}</p><p style="margin-left: 40px;">}</p><p></style></p><p>

 

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

로그인 후 평가할 수 있습니다

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

굿
8년 전

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

로그인 후 평가할 수 있습니다

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

f
8년 전

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

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

로그인 후 평가할 수 있습니다

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

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

로그인