美文网首页
css中单位px和em,rem的区别

css中单位px和em,rem的区别

作者: 糯米小馒头 | 来源:发表于2017-07-13 11:49 被阅读0次

1.px

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的

2.em

em是相对长度单位。相对于当前对象内文本的字体尺寸;如当前对行内文本的字体尺寸未被认为设置,
则相对于浏览器的默认字体尺寸
EM特点 
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。

3.rem

1. rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。
2.这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。
3.这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。
4.目前,除了IE8及更早版本外,所有浏览器均已支持rem。

相关文章

  • 2020-01-05

    彻底弄懂css中单位px和em,rem的区别 https://www.cnblogs.com/leejersey/...

  • px, em, rem 的区别和使用场景

    区别 CSS 中,目前我们常用到的长度单位有 px, em, rem。 绝对长度单位px(pixel 像素): 相...

  • rem与em区别

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

  • em和rem

    css中单位长度用的最多的就是px,em,rem。其中,px是固定像素。em和rem是相对长度单位,em相对于父元...

  • rem,px,em单位区别

    rem,px,em单位区别

  • CSS使用img做背景并且内容等比缩放

    相关资料:css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况CSS 背景CSS...

  • 前端常见面试题二十二

    Css单位px,rem,em,vw,vh的区别 像素px是相对于显示器屏幕分辨率而言的 em是相对长度单位。相对于...

  • 前端面试题

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

  • 区别css单位px、em、rem

    在对页面进行自适应时,查阅相关资料了解到,通常有两种方式将px转换为em或者rem,下面就上述三者之间的联系进行讲...

  • css中单位px和em,rem的区别

    1.px 2.em 3.rem

网友评论

      本文标题:css中单位px和em,rem的区别

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