css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax_html/css_WEB
em:相对父元素的单位。例:父节点font-size:20px;子节点font-size:1em;(即子节点为20px)。 rem :相对于根节点(html的字体大小)的单位。在不设定html字体大小时,会获取流浪器的默认字体大小。例:font-size:1rem;即元素的字体大小为1倍的流浪器默认字体大小。另外需注意chrome强制最小字体为12px,即使设置成 10px 最终都会显示成 12px,当把html的font-size设置成10px,子节点rem的计算还是以12px为基准。 vw:相对于视窗宽度(viewpoint width)。如:height:100vw;且此时的视窗宽为200px,则height:(100*200)/100。 vh:相对于视窗宽高度(viewpoint height)。与vm同理。 vmin:vw和vh中较小的那个。 vmax:vw和vh中较大的那个。
vw, vh, vmin, vmax流浪器支持情况说明:IE9+局部支持,chrome/firefox/safari/opera支 持,iOS safari 8+支持,Androidbrowser4.4+支持,chrome for android39支持 css中的一些其他单位: in:英寸 cm:厘米 mm:毫米 ex:一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半,在无法确定x-height 的情况下以0.5em计算) pt:磅 (1 pt 等于 1/72 英寸) pc:12 点活字 (1 pc 等于 12 点) ch:以节点所使用字体中的“0”字符为基准。找不到时为 0.5em(ie10+,chrome31+,safair7.1+,opera26+,ios safari 7.1+,android browser4.4+支持) px:像素 (计算机屏幕上的一个点) |