html - 填充:1％等于宽度的1％

我正在独自学习RWD，并且想到了在几乎每个box / div / element中使用1％填充的想法，因此该网站始终看起来很聪明，像素完美且响应迅速。但是，1％的填充是基于PARENT ELEMENT的宽度，而不是基于BODY的宽度。有什么办法解决这个问题？

最佳答案

您可以使用vh和vw css度量单位。这是视口高度和视口宽度（1vh是视口高度的1％）。

很棒的是，它是一个实际尺寸，而不是一个百分比，它看起来是父元素。