비율에 맞게 이미지 크기를 조정할 수 있는 방법이 (축소) 만 사용하면 CSS?
화면 비율을 유지하면 이미지를 확장할 수 있다.
이 시도하시겠습니까
img {
max-width:100%;
height:auto;
}
재고찰 (2015년).
<img src="http://imageurl" style="width: auto; height: auto;max-width: 120px;max-height: 100px">
오래된 버전: 예를 들어 만약 120x100 할 수 있는 상자를 제한될 수 있습니다
<img src="http://image.url" height="100" style="max-width: 120px">
우리가 할 수 있는 매체를 사용하여 쿼리에는 CSS 의 원리를 사용하여 그림을 잘라내시겠습니까 있지만브라우저에 응답성의 설계.
@media screen and (orientation: portrait) {
img.ri {
max-width: 80%;
}
}
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
@media screen and (orientation: landscape) {
img.ri { max-height: 80%; }
}
끝 - < 스니핏 >;!
'image_tag (" /icons/icon.gif",, 높이: # 39, & # 39, 32&, 가로: # 39, & # 39, 32&) ' 데릭쉐퍼드와 세로폭 설정할 수 있습니다. # 39, & # 39, 50px&, 가로: # 39, & # 39 50px&. 이 코드는 이미지 태그 및 1 위의 모든 코드를 이렇게 운빨이야 아님) 에서 작동 시도하시겠습니까 참고 전화했는데 한 내 코드 from my works and 슬라이드에서는 _nav.html.erb: '< image_tag (,}, {current_user.image " ", 높이: # % =; # 39, & # 39, 50px&, 가로: # 39, & # 39 50px&;) %>. '