我创建了一个在桌面上查看时效果很好的网站。当我在手机上垂直观看时，一切都适合屏幕，就像在桌面上一样。但是，当我倾斜手机并水平查看网站时，即使刷新后，一切都会出错。
对于容器，图像等的大小，我使用过vw和vh。
当我水平查看网站时，宽度和高度有效地切换值...除了组件仍然与纵向模式下的组件大小相同。
有谁能告诉我如何将组件的大小绑定到宽度/高度或屏幕？
答案 0 :(得分：0)
您所遇到的问题可能会出现在倾斜手机时更改的宽高比。
如果你使用vw和vh单位 - 请记住，垂直保持的容器如果处于水平位置，则总高度的两倍。
I.E。：三星星系s5的短边为360px，长边为640px。
你有几个选择来解决你的问题，只有两个，但在我看来，最强大的是以下。
了解一下flexbox系统 - 它非常简单易用，尤其适用于响应式设计！ https://www.w3schools.com/css/css3_flexbox.asp
使用媒体查询，您可以为不同的显示/窗口大小设置不同的属性和值。 https://www.w3schools.com/css/css_rwd_mediaqueries.asp