所以我有一个包含不同内容的div，具体取决于点击的按钮。 由于我希望此div包含在页面的某个部分中，因此我使用CSS垂直高度（vh）属性来设置div高度。目前我正在工作在我调整div的vh值的表单上，以便通过滚动显示整个表单。
但是，我注意到桌面浏览器和移动浏览器之间的高度不同（特别是Chrome桌面和Safari Mobile目前）。 出于某种原因，桌面版本创建的空间比移动版本要大得多，我认为这可能是因为显示器上的屏幕空间比平板电脑大得多，但我认为使用CSS vh会解释这个吗？
如果没有，我应该如何调整div高度以匹配桌面和移动设备？
答案 0 :(得分：2)
尝试使用该div的最大高度，或者手动设置css中的高度并为其指定overflow: scroll
对于移动设备，您需要媒体查询，在Chrome控制台中，左上方有一个看起来像手机的小按钮。单击它并选择要应用css的设备。从那里你可以摆弄，直到你得到你喜欢的。然后在你的CSS中你做这样的媒体查询
@media all and (max-width: 320px) {
...your css
}