사파리 이미지 크기 자동 높이 CSS

Question

나는 윈도우 7

문제는이 코드가 다른 모든 브라우저에서 작동한다는 것입니다에 대한 사파리의 최신 버전에서이 문제를 테스트입니다하지만 사파리 :

<style type="text/css"> 
    .userImg { height: 100%; width: 100%; } 
    .imgContainer { height: auto; width: 150px; } 
</style> 

<div class="imgContainer"> 
    <img id="img" class="userImg" src="TemplateFiles/Hydrangeas.jpg" alt="" /> 
</div> 

합니까 누구나 CSS를 사용하여 Safari에서 비례하여 이미지의 크기를 조정할 수있는 트릭을 알고 있습니까?

감사합니다.

Answer 1

이미지의 너비 만 설정하면됩니다. 브라우저는 이미지를 자동으로 비율에 맞게 조정합니다.

.userImg { width: 100%; } 
.imgContainer { height: auto; width: 150px; }​