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

1、px：像素，精确显示

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

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

3、rem：与em类似，rem是继承根节点的属性（即<html>标签），其他的与em相同

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

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

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

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

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

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

posted @ 2019-07-30 10:08  echo丶若梦  阅读(261)  评论(0)  编辑  收藏  举报