2012-12-30 4 views
0

나는 반응이 빠른 디자인을하고 있으며 div의 높이와 너비를 동일하게 만드는 데 어려움을 겪고있다. 처음에는 div의 너비를 백분율로 설정하고 높이를 auto로 변경했습니다. 그러나 div 만 표시하면 안됩니다. 이 예에서는 div를 표시 할 수 있도록 픽셀 단위로 고정 된 높이를 가져야합니다. 나는 간단한 이미지를 사용하여이 문제를 해결할 수는 없지만, 대신 반응이있는 등고 도와 높이로 응답해야하는 div 내에서 배경 이미지를 사용해야한다. 브라우저의 크기를 재조정 할 때 크기가 사각형이 아닌 직사각형이되도록 div가 필요합니다. 이것을 어떻게 할 수 있습니까?반응 형 디자인을 사용하여 div의 높이와 너비를 동일하게 만들려면 어떻게해야합니까?

jsFiddle에서 다음의 예는,

+0

jsfiddle.net에서 프레임 워크로 너의 유동 CSS로 간단한 데모를 만들자 ... 윈도우 크기 조정 핸들러에서 스크립트로 높이를 조정할 수있다. – charlietfl

답변

1

http://bit.ly/ZLiBm2 당신이 당신의 요소에 대해 원하는 높이의 비율로이 jsFiddle http://jsfiddle.net/ZYTST/

사용 padding-bottom의 방법을 시도에서 단축 URL을 사용하여 찾을 수 있습니다 height0width으로 설정하고 padding-bottom과 동일한 값으로 설정하십시오.

+0

이 기술을 시도했지만 요소는 여전히 사라진다. 상대 위치와 Z- 인덱스가있는 다른 div가있는 경우 높이를 설정할 때 주 div가 표시되지 않습니까? 그렇다면 왜? –

+0

다음은 내가 말하는 것에 대한 실제 예입니다. http://jsfiddle.net/jdmagic21/ENnpE/1/ –

관련 문제