vw vh vs percent

vw vh 和 %的区别

  1. vw&vh都是相对于viewport的，percent相对于任何设置了width或者height的（如果都没有设置就是viewport）百分比


    点击查看

  2. 当高度没有超出viewport的高度是100vw和100%表现一致，超过之后就会不一样。100vw是包含scrollbar的宽度的。


    点击查看

    点击查看

有啥好处？

  1. 自动缩放，移动端适配非常方便 查看例子
  2. 全屏展示 查看例子

参考文档

  1. viewport-vs-percentage-units
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容