> 웹 프론트엔드 > HTML 튜토리얼 > css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 08:48:09
원래의
1238명이 탐색했습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿