1、什么是px?html
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨路而言的。浏览器
可是IE浏览器没法调整哪些使用px做为单位的字体大小;字体
2、什么是em?spa
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体没有设置,那么其大小为相对于浏览器的默认字体尺寸。code
1em 等于当前的字体尺寸。若是一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。orm
浏览器中默认的文本大小是 16 像素。所以 1em 的默认尺寸是 16 像素。htm
能够使用下面这个公式将像素转换为 em:pixels/16=em对象
em的特色是:继承
a.em的值并非固定的;element
b.em会继承父级元素的字体大小。
3、到底什么是rem?
【rem】是指根元素(root element,html)的字体的大小,其也是相对单位大小。
rem与em的区别在于,使用rem元素设定字体大小时,仍然是相对大小,但其相对的只是html根元素的大小。
4、如何使用rem ?
将浏览器的基准字号设置为62.5%, 也就10px; 如今1rem = 10px; 为了计算方便,而后在body上应用font-size:1.6rem,将字号设置为16px;
html{ font-size:62.5%; } body{ font-size:1.6rem; }