Html 在没有javascript的情况下维护浏览器高度所包含的div的纵横比

我需要一个长宽比为320x576的div，它在浏览器中水平居中对齐，高度等于浏览器ie 100vh，这样当浏览器高度改变时，div的宽度也相应改变。我宁愿不使用javascript

您是否尝试为div

边距指定以下CSS:auto；高度：100vh；宽度：55.55vh

55.55vh/100vh保持纵横比320/576

我认为应该有效；-）
 如果要遵循取决于100vh的纵横比。尝试使用css的calc，并将其设置为div的宽度

div {
   height: 100vh;
   width: calc(100vh * (320 / 576));
}

因此，无论何时获得窗口高度，宽度都取决于320x576的纵横比，而不使用javascript:）