vw
网页滚动条占用网页宽度导致网页抖动问题

起因最近使用bootstrap构建布局时,我发现不同页面container的x轴起始位置有些许不同,大概有几像素的变动,后来经过一个小时的排查发现不是代码书写问题,而是页面的滚动条也占用网页宽度,所以有滚动条的页面和没有滚动条的页面body的宽度是不一致的。解决方法本来没想去解决,我觉得只要网...

阅读更多
css视口单位vw,vh的妙用(embed篇)

视频demo 如上视频[av9214469],使用的是embed标签,大家都知道embed的播放器很难自适应,不是过分拉伸改变视频比例,就是写死播放器长宽,导致不能随网页大小的变化自由变换尺寸。前天,在往博客上折腾B站视频时,无意间灵机一动,想到了个好主意,就是使用vw单位,配合使用calc。...

阅读更多
CSS视口单位的一次深度使用

什么是视口单位?在CSS规范中,有4种类型的可用视口单位:vw — 1vw 等于视口宽度的 1%vh — 1vh 等于视口高度的 1%vmin — vw 和 vh 中的较小值vmax — vw 和 vh 中的较大值视口,即浏览器屏幕大小,1vw 等于浏览器宽度的 1%,100vw 即整个浏览器...

阅读更多
网盾CDN
歌曲封面
0:00