CSS单位

vh

全称viewport height
100vh 相当于 浏览器的可视高度

vw

全称viewport width
100vw 相当于 浏览器的可视宽度

<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/length">CSS长度单位 MDN</a>

整数和实数

如 「1」「.5」「0.3」

长度

相对单位 1em 1ex
绝对单位 1px 1in 1cm 1mm 1pt 1pc
CSS 3 相对单位: 100vh 100vw 1rem

百分比

每个地方的百分比,意义都不一样,你需要查 MDN 才能知道其具体意义
例如 margin-left 和 margin-top

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 其实CSS中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm。(ex:相对长度单位。相对...
    iam梦的的阅读 3,529评论 0 0
  • (转)https://www.cnblogs.com/mylove103104/archive/2015/06/1...
    Sunxb阅读 7,315评论 0 1
  • 我们很容易无法摆脱的使用我们所熟悉的CSS技术,当新的问题出现,这样会使我们处于不利的地位。 随着Web继续的发展...
    yo_yo_阅读 2,790评论 0 0
  • 1. px 如果全篇用px布局会暗藏一个蛋疼的问题,就是当用户和Ctrl滚页面的时候(说白了就是ctrl+,ctr...
    wen4e阅读 4,191评论 0 2
  • CSS 一共有四种引入方式 外联式1.link2.@import url 嵌入式style 标签一般放在head部...
    petertou阅读 3,914评论 2 0