如何在移动设备中缩放布局的高度

Question

我正在构建一个需要在所有移动屏幕上平等使用的移动网站。

布局中的所有尺寸都是针对 1080 到 1920 的屏幕获得的，而只有宽度在移动设备上正常缩放，滚动出现在高度上。如何在高度上缩放网站，避免在 css 中到处使用 %？

示例：

对于宽度，使用视口width=device-width，但对于高度，属性height=device-height 不起作用

Answer 1

您可以尝试使用vh css 单元。

另见：https://www.w3schools.com/cssref/css_units.asp