css设置盒子高度总是宽度的一半

Posted 2021-10-02 浣熊sky

1.宽度width:100%

          padding :25% 0

2.如果A容器是视窗ViewPort，可以说使用 "vw" 单位来设置B容器的高度：50vw 即表示视窗宽度的一半

<div class=\'halfwidth\'></div>
.halfwidth {
    width: 100%;
    height: 50vw;
    background-color: #e0e0e0;
}

2. js语法

$(window).load(function(){
    $(\'.element\').height($(\'.element\').width() / 2);
    $(window).resize(function(){
        $(\'.element\').height($(\'.element\').width() / 2);
    });
});