CSS3中的px,em,rem,vh,vw

时间 2019-11-21

标签 css3 css rem 栏目 CSS 繁體版

原文原文链接

一、px：像素，精确显示html

二、em：继承父类字体的大小，至关于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端浏览器

em换算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html工具

三、rem：与em相似，rem是继承根节点的属性（即<html>标签），其余的与em相同字体

四、vh：当前可见高度的1%=1vhhtm

区别是：当div中没有内容时，height=100%，则高度不显示出来继承

当div中没有内容时，height=100vh，则高度依然能显示出来rem

五、vw：当前可见宽度的1%=1vwio

区别是：当div中没有内容时，width=100%，则宽度不显示出来移动

当div中没有内容时，width=100vh，则宽度依然能显示出来di