rem px em的区别是什么?

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;
}
相关文章
相关标签/搜索