美文网首页
css度量单位总结

css度量单位总结

作者: 前端的一条小鱼 | 来源:发表于2019-03-27 17:33 被阅读0次

px(像素)

像素值算是前端里最基础的一个度量单位了。
px又分为两种,一种是物理像素,指的是屏幕上显示的最小单元;另外一种是逻辑像素,指的是css里面能显示的最小度量。
物理像素和逻辑像素之间存在一个比值,这个比值就叫设备像素比(device pixel radio),简称dpr,window.devicePixelRatio保存着这个值。

em

em单位是一个相对度量单位,它的计算方式是当前元素的font-size的px值乘以em前面的数字;

rem

rem单位和em单位很类似,区别是他是相对于html元素的font-size值去计算的;

相关文章

  • css度量单位总结

    px(像素) 像素值算是前端里最基础的一个度量单位了。px又分为两种,一种是物理像素,指的是屏幕上显示的最小单元;...

  • css3学习--rem终极奥秘解析及css度量单位全解密

    一.css度量单位要想了解rem这个单位的原理以及使用方法,先来了解下css所有的度量单位。很多同学不太清楚的是,...

  • CSS之长度单位

    CSS之长度单位 很多CSS属性要靠长度度量衡才能正确显示元素。因此,CSS中有许多长度单位。CSS中的长度单位分...

  • CSS中的度量单位

    绝对长度: 可以混合使用多种单位【包括绝对和相对单位】 相对长度: 补充: 【ex】1ex约等于0.5em 【像素...

  • 1.CSS单位-CSS进阶

    一、CSS单位 1.绝对单位 在CSS中,绝对单位定义的大小是固定的。使用的是物理度量单位,显示效果不会受外界因素...

  • 你不知道的css单位

    要想了解rem这个单位的原理以及使用方法,先来了解下css所有的度量单位。很多同学不太清楚的是,在 CSS 中长度...

  • 度量单位

    作者:KHANLOU,原文链接,原文日期:2016-03-18译者:Prayer;校对:shanks;定稿:千叶知...

  • 度量单位

    一光年,乍一听是时间单位,实际上是距离单位。 当人的视野不再局限于周围,便有了“米”;当人的视野不再局限于眼前,便...

  • 古代度量单位

    古代度量单位(Ancient units of measurement)即古代的容量、长度或者重量单位等。常见容量...

  • 2018-04-11

    word 文档 文件---选项---高级---显示---度量单位和以字符宽度为度量单位

网友评论

      本文标题:css度量单位总结

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