Css 更改移动方向时图元的高度会发生变化

你可以在这里看到在你的手机上访问网站的问题（对我来说是Iphone）：如果你在进入“风景区”后回到“肖像”

在纵向和横向之间更改移动方向时，块的高度将发生变化。它的css设置为：

.block {
    height: 50vw;
    width: 50%;
}

---

我怎样才能避免这种行为

是相对于视口宽度的。当视口的宽度改变时，

.block

的相对高度也随之改变。你想要的功能有什么不同？当你转到横向然后回到纵向，纵向是错误的。它有什么错？当你回到肖像画时，它和风景画一样吗？可能类似于。也许吧。