<分区>
在 CSS3 中,有这两个新单位:vh
和 vw
。所以我们可以使用
height: 80vh;
width: 60vw;
缩放视口(viewport)高度为 80% 或视口(viewport)宽度为 60% 的 block 。
但我认为通常情况下,默认的 body
元素在所有 4 个边上都有一个 8px
边距,那么我们应该如何将它合并到我们对 vw< 的使用中
和 vh
如果我们确实需要使用 100vh
和 100vw
(或者几乎可以覆盖宽度和高度的数量,但是与 body 的边缘一起工作)?一些选项包括 (1) 将正文边距重置为 0
,(2) 将正文边距重置为 8px
(以确保它在所有浏览器中都相同(3)使用height: calc(100vh - 8px)
和 width: calc(100vw - 16px)
设置适当的高度和宽度...但是 8px
和 16px
似乎太硬编码了。有什么好的做法可以处理这个问题?