2
가로 세로 비율을 유지하면서 (고정/축소하지 않고) 이미지를 고정 된 크기에 맞게 크기 조정하도록 강제하는 데 사용할 수있는 방법이 있습니까?HTML/CSS - 가로 세로 비율을 유지하면서 특정 크기에 맞춰 이미지를 확대/축소 할 수 있습니까?
는 64 × 64 픽셀의 정사각형 내 필요한 치수를 고려하고, 이미지에 대한 다음과 같은 경우는 내가이 차원에 맞도록 원하는 :
- 64 × 64 픽셀 이미지
- 이미지 96 개 픽셀 폭 135 픽셀 높은
- I가 해결 방법 중 하나 또는 둘 & 1알아낼 수 있었던
높이 135 개 픽셀 폭 및 96 픽셀 이미지3 명시 적으로 이미지의 height="64px" 및 width="64px"을 명시 적으로 선언하지만 둘 모두에 대해 작동하지 않으며 둘 다 선언하면 이미지가 늘어나거나 줄어 듭니다.
HTML과 CSS 만 사용하여이 문제를 해결할 수있는 방법이 있습니까?
와우, 솔직히 나는 그것을 시도했다고 생각했습니다. 신속하고 분명히 해결책을 가져 주셔서 감사합니다. – Wex
heh 도움이 되길 바랍니다.) – galchen
@Wex : 'max-width'는 IE8에서 작동하지 않고 이미지의 최대 너비 크기가 표시되지만 실제 너비를 차지하게됩니다. 가로 셰이프 사각형 이미지로 시도해보고 설정할 수 있습니다 '최대 고도 : 60px; 최대 너비 : 80px;'여기에 설명 된 문제 http://reference.sitepoint.com/css/max-width# –