首页 > 代码库 > CSS3中的px,em,rem,vh,vw辨析
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，则宽度依然能显示出来
CSS3中的px,em,rem,vh,vw辨析
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。