首页 > 代码库 > HTML中的单位小结

HTML中的单位小结

JavaScript中各种计量单位小结

px:像素,一般计量单位,最常用。

em:相对单位,基于父节点字体大小,如果自身定义了字体大小,以自身字体大小为准,整个页面的1em不统一。

rem:相对单位,基于根节点(HTML)的字体大小,如果自身定义了字体大小,以自身字体大小为准。(谷歌最小字体强制为12px)。

vw:(viewpoint width),基于适窗宽度,1vw=视窗宽度1%。

vh:(viewpoint height),基于视窗高度,1wh=视窗高度1%。

vmin:vw和wh中较小的那个。

vman:vw和vh中较大的那个。

ex:取当前作用效果字体的X高度,无法确定时为0.5em。

ch:以节点所使用中的“0”字符为基准,无法确定时为0.5em。

其他单位:百分号,in(寸),cm(厘米),mm(毫米),pt(大约1/72寸),pc(大约1/6寸)。

 

备注:vw,vh,vmin,vmax,ex,ch兼容性。

 

HTML中的单位小结