이미지를 최대 너비에 비례하여 비율을 조정하려면 어떻게해야합니까?

Question

UIWebView에서 CSS 최대 너비 속성을 사용하여 알 수없는 크기의 이미지를 300 픽셀 너비보다 크지 않은 (그러나 아마도 그보다 작은) 채우기 위해 크기를 조정합니다. 원본 이미지 중 일부는 더 크고 다른 이미지는 더 작습니다. 지금은

, 나는 제대로 폭을 확장 다음 CSS 선언을 사용하지만, 아이폰 OS의 웹보기에서 큰 이미지의 높이를 불어 경향이있어 :

img{ 
    max-width:300px; 
    margin:10px; 
    padding:0px; 
} 

그래서 질문은 : 무엇이야 넓이와 함께 높이 비율을 비례 적으로 조정하는 올바른 방법은 무엇입니까?

(편집 제목과 태그 일반화하는 솔루션입니다. 감사합니다, 매트!)

Answer 1

당신이 뭔가를 원하는 :

img { 
    max-width:300px; 
    height:auto 
    } 

이 정말 iOS 또는있는 UIWebView 함께 할 수 없다 - 그것은 순수한 표준 CSS입니다.

Answer 2

을 대신 CSS에서 픽셀을 사용하는, u는 내가 처음 anserwer이 참 믿는 비율을

Answer 3

를 사용하려고 할 수 있습니다 높이 : 100 %;

Answer 4

내가 응답에 주석을 추가 할 수있는 명성 포인트가없는, 그래서 여기를 나열합니다 :

IMG { 최대 폭 : 300 픽셀; 높이 : 자동 }

CSS의이 라인은 크롬, 파이어 폭스와 IE에서 작동하지만, 그것은 단지 데스크탑 브라우저에서 작동합니다. 원래 질문에서 언급했듯이, 작업은 iOS에서 비례 이미지를 설정하는 것입니다. iOS Safari에서는이 방법이 작동하지 않습니다.