首页 > 其他分享 >响应式布局—vw布局

响应式布局—vw布局

时间:2022-09-24 11:22:33浏览次数:70  
标签:100vw 视窗 布局 响应 window 1% vw

什么是vw?

在css中,vw是一种视窗单位,也是相对单位,相对于视口的宽度。视口被均分为100个单位的vw,1vw 等于视窗宽度的 1%。与之相对应的还有vh,1vh 等于视窗高度的 1%。

我们可以这样理解 100vw = window.innerwidth, 100vh = window.innerheight
在移动端我们一般都可以认为,100vw就是屏幕宽度。若使用vw布局,就不需要再像rem那样,在js中去动态设置根元素的font-size。

 

标签:100vw,视窗,布局,响应,window,1%,vw
From: https://www.cnblogs.com/qianduanLamp/p/16724221.html

相关文章