【发布时间】：2017-10-24 19:34:35
【问题描述】：
当地址栏在移动设备上消失或键盘打开时，它会影响视口大小，因此会更改任何使用 vh 单位的 css 值。
有没有办法确保 vh 和 vw 单位在视口本身发生变化时仍保持其大小？
【问题讨论】：
标签： css jquery-mobile viewport viewport-units
【发布时间】：2017-10-24 19:34:35
【问题描述】：
答案因浏览器而异。
在 Safari 和 Chrome 上，URL 栏不会调整 vh 单位的大小（也不会调整基于百分比的高度），除非它们用于 position: fixed Elements。不幸的是，Firefox 确实会导致 vh 使用 URL 栏调整大小，即使在 position:fixed 之外，您也无能为力。
对于键盘，我相信 Safari 也不会调整 vh 单位的大小。 Chrome 和 Firefox 可以。同样，在这种情况下，无法阻止 vh 单位调整大小。
【讨论】：