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