CSS垂直高度(vh)值从桌面到移动？(jQuery-Mobile框架)

Question

因此，我有一个div，它包含不同的内容，取决于单击的按钮。，因为我希望这个div包含在页面的一个段中，所以我使用CSS垂直高度( vh )属性来设置div高度。和目前我正在处理一个表单，我正在调整div的vh值，以便通过滚动显示整个表单。

然而，我已经注意到，在桌面浏览器和移动浏览器(特别是Chrome和Safari )之间，我最终获得的高度是不同的。由于某种原因，桌面版比移动版创建的空间要大得多，我认为这可以归因于显示器上的屏幕空间比平板电脑大得多，但我认为使用CSS可以解释这一点吗？

如果不是，我应该如何调整div的高度，以匹配跨桌面和移动？

Answer 1

尝试为该div使用最大高度，或者手动设置css中的高度并给它一个overflow: scroll。

对于手机，你将需要一个媒体查询，在铬控制台，在左上角有一个小按钮，看起来像一部手机。单击它并选择要应用css的设备。从那里你可以摆弄，直到你得到你喜欢的。然后在css中执行这样的媒体查询

@media all and (max-width: 320px) {
...your css

}