CSS
文章平均质量分 57
`仰望星空`
这个作者很懒,什么都没留下…
展开
-
开发单位 vmin/vmax
以前,写过一个仿B站移动端的项目;当时,项目适配用的是 vw,而现在B站移动端适配用的是 vmin,想了解 vmin/vmax 单位的作用,还有为什么B站移动端适配要采用 vmin。vw:与视口的宽度有关,1vw 就是视口宽度的 1%vh:与视口的高度有关,1vh 就是视口高度的 1%vmin:与当下视口的宽度和高度的最小值有关,取值为vw和vh中较小的那个vmax:与当下视口的宽度和高度的最大值有关,取值为vw和vh中较大的那个。原创 2022-11-22 02:17:58 · 2516 阅读 · 0 评论 -
PC端项目中 vw 带来横向滚动条的问题
Windows 系统中的滚动条是会占据视口空间的。在 MacOs 系统中,当不滚动页面时,滚动条默认是隐藏的。它们也不占据任何的视口空间,这就表示 100% 的body宽度等于 100% 的屏幕宽度。在 Windows 系统中,滚动条的宽度会从窗口的宽度中减掉(一般是17px宽)。vw 单位忽视了滚动条占据视口空间(滚动条是不会影响vw单位计算的),还是计算整个视口的宽度。转载 2022-11-05 19:01:43 · 1227 阅读 · 1 评论