width: 100vw;/* 100% of viewport width */
height: 100vh;/* 100% of viewport height*/
这个 CSS 应该给我视口的准确（100%）尺寸。但它显然太大了，因为它导致页面溢出。
它不是填充、边距或轮廓，因为我删除了所有这些。
注意当我添加两个具有这些尺寸的 div 时，它似乎只会“增长”大于投影尺寸。（但在 jsfiddle 中总是如此）
我是否应该将其视为错误并编写解决方法？还是我错过了什么？
问问题
11980 次
2 回答
10
视口测量是准确的。问题在于您的 div 是一个内联块。浏览器在行框中呈现您的 inline-block 元素。div 下方的空白来自此行框的基线；这是印刷下降应该去的区域。这个额外的空间，加上你的 div，就是导致溢出的原因。
如果您删除display: inline-block声明，以便您的 div 呈现为块级元素，滚动条将消失，并且 div 将完全适合视口。
如果您出于某种原因需要将此元素作为内联块，则设置vertical-align: top（或bottom或middle）似乎可以解决它。
于 2015-04-26T17:58:40.260 回答
0
还有另一种方法可以解决这个问题
你应该把line-height所有身体的vh
于 2018-07-07T11:07:27.493 回答