【发布时间】:2015-06-15 08:21:10
【问题描述】:
我正在自学 RWD,我想出了在几乎每个框/div/元素中使用 1% 填充的想法,因此该网站始终看起来很智能,像素完美且响应迅速。但是,1% 的填充是基于 PARENT ELEMENT 的宽度,而不是 BODY 的宽度。有没有办法解决这个问题?
【问题讨论】:
-
您必须使用 javascript。当用户更改页面大小时,维护起来可能不是一件容易的事。
我正在自学 RWD,我想出了在几乎每个框/div/元素中使用 1% 填充的想法,因此该网站始终看起来很智能,像素完美且响应迅速。但是,1% 的填充是基于 PARENT ELEMENT 的宽度,而不是 BODY 的宽度。有没有办法解决这个问题?
【问题讨论】:
您可以使用vh 和vw css 度量单位。这代表视口高度和视口宽度,1vh 是视口高度的 1%。
这样做的好处是它被视为一个实际维度,而不是一个百分比,它看起来是一个父元素。
【讨论】: