相对长度

相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好。

单位	描述	TIY
em	相对于元素的字体大小（font-size）（2em 表示当前字体大小的 2 倍）	试一试 (opens new window)
ex	相对于当前字体的 x-height(极少使用)	试一试 (opens new window)
ch	相对于 "0"（零）的宽度	试一试 (opens new window)
rem	相对于根元素的字体大小（font-size）	试一试 (opens new window)
vw	相对于视口*宽度的 1%	试一试 (opens new window)
vh	相对于视口*高度的 1%	试一试 (opens new window)
vmin	相对于视口*较小尺寸的 1％	试一试 (opens new window)
vmax	相对于视口*较大尺寸的 1％	试一试 (opens new window)
%	相对于父元素	试一试 (opens new window)

**提示：**em 和 rem 单元可用于创建完美的可扩展布局！

***** 视口（Viewport）= 浏览器窗口的尺寸。如果视口宽 50 里面，则 1vw = 0.5cm。