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：像素 (计算机屏幕上的一个点)
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
185
收藏
