css单位

css单位包括绝对单位和相对单位
绝对单位:

概念:A absolute-size is refer to an entry in table of font-size computed and kept by user-agent
eg:cm,mm

#######相对定位:
概念:A relative-size is interpreted relative to the table of font-size and the computed 'font-size' by parent element
eg:

  • px: 相对屏幕分辨率来计算的,假设屏幕宽高为1600cm800cm,设置的分辨率为1600800,1px为1cm1cm,如果设置的分辨率为800400,则1px为2cm*2cm
  • em: 相对于对象内文本的字体大小,如果行内文本未被设置字体大小,则相对于浏览器来设定,未经设置的浏览器1em = 16px ,那么, 12px = 0.75em, 10px = 0.625em,为了简化em的计算方式,在css的body中设置font-size = 62.5%;这就使得1em = 10px 。 注意:em的值不是固定的,em会继承父元素的字体大小
  • rem:相对于根元素(html元素)计算font-size
  • vw:相对视口的宽度,视口宽度被均分为100份,100vw即为视口的宽度
  • vh:相对视口的高度,视口高度被均分为100份,100vh即为视口的高度
  • vm:相对视口宽度或高度中较小的那个被均分为100份,
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 其实CSS中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm。(ex:相对长度单位。相对...
    iam梦的的阅读 654评论 0 0
  • 1、px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 2、em:相对长度单位。相对于当前对象内文本的字...
    lueyoo阅读 777评论 0 0
  • 我们很容易无法摆脱的使用我们所熟悉的CSS技术,当新的问题出现,这样会使我们处于不利的地位。 随着Web继续的发展...
    yo_yo_阅读 410评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,033评论 1 92
  • 1.一早在家长群看到前任的数学老师学校的江书记在群里发消息有几句是关于我的: 数学邱老师多年前我就了解,她是一位有...
    9605f7f4bb63阅读 107评论 0 0

友情链接更多精彩内容