을 조정 :설정 브라우저 비례 화상 폭
<img class="test" src="testimage.jpg" />
img.test { width: 50%;}
이미지가 태양을 유지를 함유뿐만 아니라 수직 리사이징 50 %로 상자의 폭의 크기를 조정 비율.
이것은 DIV를 둘러싸는 DIV를 특정 폭과 높이 값으로 설정해야하는 것으로 보입니다. 그러나 브라우저가 작거나 크게 드래그 될 때 둘러싸는 DIV의 크기를 자동으로 조정하려면 문제가되지 않습니까?
귀하의 original question에 대한 답을 명확히했습니다. 가서 한 번 확인해보세요. 더 많거나 적게, 당신이 창문으로 이미지의 크기를 바꾸고 싶다면 은 고정 너비와 높이로 설정할 수 없습니다. DIV도 너비와 높이가 있어야합니다.
아니요, 이미지는 여전히 div의 50 %이고, div가 페이지의 비율이면 상관 없습니다.
width 및 height 속성을 수동으로 지정해야 이미지의 크기가 유지됩니다. 이것은 서버 측 코딩 (PHP/ASP)을 사용하는 경우에는 그리 어렵지 않을 것입니다.
JavaScript를 사용하여 이미지를 동적으로 계산하고 크기를 조정할 수 있습니다.
모든 비율 : 둘러싸는 div는 전체 창 중 2/3 일 수 있으며 이미지는 그 절반에 해당합니다. 그것들은 그 숫자가 계산되기 전에 계산됩니다. D