Home > Web Front-end > HTML Tutorial > css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax_html/css_WEB-ITnose

css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 08:48:09
Original
1236 people have browsed it

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template