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