css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax

em:相对父元素的单位。例:父节点font-size:20px;子节点font-size:1em;(即子节点为20px)。css

rem :相对于根节点html的字体大小的单位。在不设定html字体大小时,会获取流浪器的默认字体大小。例:font-size:1rem;即元素的字体大小为1倍的流浪器默认字体大小。另外需注意chrome强制最小字体为12px,即便设置成 10px 最终都会显示成 12px,当把html的font-size设置成10px,子节点rem的计算仍是以12px为基准。html

vw:相对于视窗宽度(viewpoint width)。如:height:100vw;且此时的视窗宽为200px,则height:(100*200)/100。android

vh:相对于视窗宽高度(viewpoint height)。与vm同理。ios

vmin:vw和vh中较小的那个。chrome

vmax:vw和vh中较大的那个。字体

 

vw, vh, vmin, vmax流浪器支持状况说明:IE9+局部支持,chrome/firefox/safari/opera支.net

持,iOS safari 8+支持,Androidbrowser4.4+支持,chrome for android39支持firefox

css中的一些其余单位:htm

in:英寸rem

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:像素 (计算机屏幕上的一个点)

相关文章
相关标签/搜索