3

高さが親divの%である場合、cssまたはjsのいずれかを使用して、要素の幅をその高さに一致するように設定することは可能ですか? ブラウザ ウィンドウのサイズが変更された場合は、子 div もサイズを変更する必要があります。

例

body, html {height: 100%}
.parent {height: 100%; width: 960px;}
.child {
    height: 50%; 
    width: same as height; /* but not 50% of 960px, so that the child div is square*/
}

私はこのようなことを達成しようとしていますが、高さではなく幅です。 動的な幅に等しい高さ (CSS 流動レイアウト)

前もって感謝します ：-）

4

3 に答える 3

0

jquery を使用します。

function resizeChild() {
var child = $(".child");
var parentSize = child.parent().height();
child.height(parentSize / 2);
child.width(parentSize / 2);
}
$(window).ready(resizeChild);
$(window).resize(resizeChild);

フィドルを見る

于 2013-06-20T10:44:22.583 に答える