vh
css3
新单位, viewpoint height
的缩写,视窗高度
vw
css3
新单位, viewpoint width
的缩写,视窗宽度
px
pixel
缩写,像素
em
1em
就是一个文字大小的宽度或高度
参考物是父元素的 font-size
,具有继承的特点(浏览器默认字体是 16px
)。
如果自身定义了 font-size
按自身来计算,整个页面内 1em
不是一个固定的值。
rem
css3
新单位, root em
的缩写,
它是相对于根元素 html
(网页)的 font-size
,不会像 em
那样,依赖于父元素的字体大小,而造成混乱。
%
相对于父标签宽度或高度的百分比,但不准确 \
- 对于普通定位元素就是我们理解的父元素
- 对于
position: absolute;
的元素是相对于已定位的父元素 - 对于
position: fixed;
的元素是相对于ViewPort
(可视窗口)
本文参考摘录了: