css宽度作为div内的高度

Question

HTML

<div class="header">
    <div class="header-logo"/>
</div>

CSS

.header {
    width: 50%;
    height: 10%;
}
.header-logo {
    height: 100%;
    width: same as height;
}

像vw这样的视口单位不适用

this限制为宽度