css設置盒子高度總是寬度的一半

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);
    });
});