반응 : 스택 된 div와 비율을 어떻게 유지합니까?

크기를 조정하도록 설정된 헤더가있는 반응 형 사이트를 만들고 있습니다. 그 이미지에서 x, y 위치에 또 다른 작은 이미지를 놓아야합니다 (링크해야합니다). 내 문제는 크기를 유지하면서 사이트의 크기를 어떻게 유지합니까? 폭을 퍼센티지로 정의 할 수 있지만 높이는? 엠씨는 높이를 충분히 제어하지 못한다. (내가 사용법을 잘못 이해하지 않았다면). 나 자신이 적어도 포함하는 요소 (IE7에 할 더있는 시간에 너무 min-width 및 min-height을 설정할 필요가 찾을반응 : 스택 된 div와 비율을 어떻게 유지합니까?

img { width:100%; height:auto; -ms-interpolation-mode:bicubic; }

.gallery { width:100%; position:relative; } 
.gallery-over { position:relative;margin:-12.5em 0 0 69%; width:18.5%; }

출처

2013-06-20 Rob H

머리글과 관련하여 모형을 게시 할 수 있습니까? – Starboy

'img'태그의 너비를 조정하는 것만으로도 얻을 수 있지만 키를 처리 할 때 비율을 사용할 수도 있습니다. 이것은 W3C에 따라 허용되는 방법이다. W3C 학교의 CSS Height Property

출처

2013-06-20 19:17:50 TXChetG

입력 해 주셔서 감사합니다. 나는 되돌아 가서 백분율을 사용하여 그것을 들여다 보았다. 나는 내가 전에 그것을 어떻게하려고했는지에 관해서 틀린 무엇인가 가지고 있었을 것임에 틀림 없었다. –

다행 당신을 위해 일하고있어! – TXChetG

는 보통 이미지와 같은 것을 할 height:auto 및 최소/최대 너비와 관련된 문제가 있습니다.)

출처

2013-06-20 18:59:40 landons

반응 : 스택 된 div와 비율을 어떻게 유지합니까?

답변

관련 문제