美文网首页
vw vh vs percent

vw vh vs percent

作者: 7cf6c01a5633 | 来源:发表于2018-12-18 20:40 被阅读0次

vw vh 和 %的区别

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


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


    点击查看

    点击查看

有啥好处?

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

参考文档

  1. viewport-vs-percentage-units

相关文章

  • vw vh vs percent

    vw vh 和 %的区别 vw&vh都是相对于viewport的,percent相对于任何设置了width或者he...

  • css3 vw/vh rem em

    1. vw/vh vw:1vw等于视口宽度的1%vh:1vh等于视口高度的1%vh和vw是相对于适口的高度和宽度,...

  • CSS新增单位

    CSS3 新增的单位:**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...

  • css3 vh and vw

    1.vw:1vw等于视口宽度的1%。 2.vh:1vh等于视口高度的1%。 3.vmin:选取vw和vh中最...

  • css3 尺寸

    1,vw、vh、vmin、vmax 的含义 (1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它...

  • 【转】css3中的width:100vh以及calc(100vh

    vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为1...

  • 用CSS3 vh 简单实现DIV全屏居中

    vh、vw、vmin、vmax介绍 vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)vh:视窗高度的百分比...

  • vue项目中使用vw/vh

    vw/vh这个单位可以根据电脑浏览器自适应vw —— 视口宽度的 1/100;vh —— 视口高度的 1/100 ...

  • 【CSS】绝对单位和相对单位

    vh http://www.css88.com/book/css/values/length/vh.htm vw ...

  • vh VM 含义 css中

    1.vw:1vw等于视口宽度的1%。 2.vh:1vh等于视口高度的1%。 3.vmin:选取v...

网友评论

      本文标题:vw vh vs percent

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