美文网首页
rem em 与px的区别

rem em 与px的区别

作者: Ama_deus | 来源:发表于2018-05-28 17:45 被阅读0次

px rem rm

PX特点

iE无法调整那些使用px作为单位的字体大小;

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

浏览器的默认字体16px
个别14px 1em=16px

EM特点

  1. em的值并不是固定的;

  2. em会继承父级元素的字体大小。

rem特点

rem是CSS3新增的一个相对单位(root em,根em)。与em区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。
通过它只修改根元素就成比例地调整所有字体大小
可以避免字体大小逐层复合的连锁反应
ie8+

使用响应式单位要注意

  1. body选择器中声明Font-size=62.5%;

  2. 避免字体大小的重复声明。

相关文章

  • rem,px,em单位区别

    rem,px,em单位区别

  • em与rem区别 em与px转换

    em与rem区别 em与px转换 em与px转换 一般浏览器默认1em=16px,通过设置font-size大小来...

  • 前端布局常用方式/库

    一、px、em、rem区别和使用。 https://www.runoob.com/w3cnote/px-em-re...

  • rem与em区别

    响应式Web设计—px-em-rem三者区别及rem的使用在css中单位长度用的最多的是px、em、rem,这三个...

  • vue移动端布局单位适配(postcss)

    一、需要解决的问题 二、rem单位与适配原理 px、em、rem区别介绍[https://www.runoob.c...

  • 2019-08-29

    px、rem、em的区别 随着css学习的不断深入页面也随之丰富,那么em、rem、px是我们在页面布局中经常会用...

  • 移动端页面单位的选择(px, em, rem, vw)

    px, em, rem的区别: px:绝对字体大小em:基于一个基数来计算出相对字体大小。(移动端用的少)rem...

  • 前端面试题

    1.请简述px,rem和em有什么区别? px是绝对尺寸单位,其值是固定的。而em和rem是字体相对尺寸单位,其值...

  • em px rem区别

    px在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小; em的值代表倍数,是最近一级父级的倍数;(最近一...

  • px、em、rem区别

    px:基本单位em:继承父元素大小代表倍数rem:基于根元素html大小也是倍数 1、https://segmen...

网友评论

      本文标题:rem em 与px的区别

      本文链接:https://www.haomeiwen.com/subject/ncogjftx.html