原文：CSS3中的px,em,rem,vh,vw辨析
px：像素，精确显示 em：继承父类字体的大小，相当于 倍 ，如：浏览器默认字体大小为 px em，始终按照div继承来的字体大小显示，进场用于移动端 em换算工具：http: www.runoob.com tags ref pxtoemconversion.html rem：与em类似，rem是继承根节点的属性 即 lt html gt 标签 ，其他的与em相同 vh：当前可见高度的 vh 区 ...
2016-12-20 14:50 1 1338 推荐指数：
相关推荐
>px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器 ...
px px就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 em em是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size） 如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸 特点 ...
px rem em vw vh有什么区别？ px px就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 em em是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size） 如当前父元素的字体尺寸未设 ...
序言 平时在布局中较多使用px和%设置大小或者尺寸，但是在有些场景仅使用这两个显然不行，虽然平时使用时仅仅调理出差强人意的效果，没有细细把控各个属性的具体内涵。CSS中的尺寸(长度)单位有px、em、rem、%、vw、vh、vm，其中rem、vw、vh、vm(兼容性太差，不讲)为CSS3新增 ...
1、px：绝对单位，页面按精确像素展示 2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根 ...
总结了一下一些单位的不同 px：像素（pixel）相对长度单位，，是相对于屏幕显示器分辨率而言的； em：em的值并不是固定的，会集成父级元素的字体大小； 注意： 1.body选择其中声明Font-size=62.5%； 2.将原来的px数值除以10，然后换上em ...