我正在尝试编写一个响应式网站，将最大高度设置为100％，所有内容都在屏幕上，无需滚动。设置{height: 100vh}适用于桌面上的弹性框。但是，当我在移动设备上查看该网站时，它会滚动，忽略chrome中浏览器选项卡的高度。我想将高度设置为类似{height: calc(100vh - address bar)}的高度，以便缩小文档的高度，使所有内容都适合，而无需滚动或隐藏浏览器选项卡。
答案 0 :(得分：-2)
您是否在网页的头部包含了视口元标记。根据经验，这可以改变某些CSS对移动版本的影响。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
如果不能解决问题，可以使用媒体查询并使用100%代替100vh。