2012-03-28 2 views
1

HTML 및 CSS 만 사용하여 브라우저에서 최대 이미지 너비를 제한하는 가장 좋은 방법은 무엇입니까? Google.com에서 검색을 수행했지만 좋은 결과를 얻지 못했습니다. 감사!웹 브로셔에서 최대 이미지 너비 제한

또한 비율 높이 비율을 유지하고 싶습니다.

답변

4

사용 style="max-width:NNNpx" (또는 max-height:NNNpx) (당신은뿐만 아니라 측정으로 %을 사용할 수 있습니다 - 예를 들어 max-width:10%) 당신은 CSS를 사용하여 이미지의 폭을 제한 할 수 있습니다

+2

IE가이 기능을 지원하지 않는다는 것을 기억합니다. 또한, 비율 높이 비율을 유지하고 싶습니다. – user1187968

+0

'max-width'는 IE7 +에서 지원됩니다. http://msdn.microsoft.com/library/ms530811.aspx – Ryan

+1

Internet Explorer의 이전 버전이 최대 너비로 잘 실행되도록하려면이 문서를 참조하십시오. http://www.svendtofte.com/code/max_width_in_ie/ – huzzah

1

:

img.limit-width { 
    max-width:50%; 
} 

당신은 px을 사용할 수 있으며 em에 백분율뿐만 아니라.