美文网首页
px、em、rem都是相对长度单位,常用的是px

px、em、rem都是相对长度单位,常用的是px

作者: 木利 | 来源:发表于2018-07-23 17:23 被阅读0次

px
1、px是相对与屏幕分辨率而言的;
2、px是固定的长度单位,因为在页面方法和缩小的时候,字体大小不变。

em
1、em是相对于自身以上的父辈的字体大小而言,直到浏览器的默认字体大小;
2、值为不固定的;
3、计算公式(16px ——>16/10 ——>1.6em)就是将px除以10添加em。

rem
1、rem相对于跟元素(html)而言;
2、避免了em这种逐级连锁反应(与父级无关);
3、多用于响应式的设置,移动端设计;
4、不兼容IE9及以下版本。

相关文章

  • 11.CSS布局篇之响应式——rem

    rem是什么? px,绝对长度单位,最常用 em,相对长度单位,相对于父元素,不常用 rem,相对长度单位,相对于...

  • em和rem

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

  • 常见单位梳理

    单位(px/em/rem、vw/vh/vmin/vmax) px px像素(Pixel)。相对长度单位。像素px是...

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

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

  • 2019-06-27

    --- px、em、rem、vw、vh px:像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率...

  • px、em、rem都是相对长度单位,常用的是px

    px1、px是相对与屏幕分辨率而言的;2、px是固定的长度单位,因为在页面方法和缩小的时候,字体大小不变。 em1...

  • 前端常见面试题二十二

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

  • px、em、rem的区别

    px:px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em:em是指相对于父元素的大小 rem:re...

  • Face CSS

    1.px em. rem 的区别 px: 相对长度单位,1px 即 1像素,是相对于浏览器分辨率而言的 em: 相...

  • 响应式Web 设计—px-em-rem三者区别及rem的使用

    px—em—rem三者的区别 PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。...

网友评论

      本文标题:px、em、rem都是相对长度单位,常用的是px

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