Html 宽度与高度相同

我试图使用AngularJS创建一个web应用程序，但是当我试图表示与高度相同的宽度时，它不起作用

HTML代码：

<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left">
   <div id="controlPanel">
       <img src="" class="avatarImage">
   </div>
</md-sidenav>

CSS代码：

div#controlPanel {
   width: 100%;
   height: 30%;
   background-color: #333333;
}

img.avatarImage {
   border: 1px red solid;
   width: -----> SAME AS THE WIDTH <-----;
   height: 75%;
   border-radius: 50%;
}

div#控制面板{
宽度：100%；
身高：30%；
背景色：#333333；
}
img.avatarImage{
边框：1px红色实心；
宽度：-->与您可以使用的宽度相同。根据该文档：

vh

视口高度的1/100

您可以使用。根据该文档：

vh

视口高度的1/100

这到底有什么帮助？@connexo好吧，我在回答OP的问题，对吧？也许我遗漏了什么？但这不起作用，因为它会增加所有显示器的宽度，而不是div的宽度。这有什么帮助吗？@connexo好吧，我在回答OP的问题，对吧？也许我遗漏了什么？但这不起作用，因为它会增加wid的宽度所有显示器的第四个，而不是分区。你可能是说“和高度一样”吗？你可能是说“和高度一样”吗？
height:75%;
width:75vh;