一行代码修复100vh bug
原文中文，约2600字，阅读约需7分钟。发表于：。你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？一、100vhbug什么是移动视口错误？你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难：.my-page { height: 100vh }1vh是视口高度的1% ，正是我们所需要的。但当我们在移动设备上测试时，就会出现问题。移动浏览器的视口可以动态改变，但值保持不变。因此在移动浏览...
本文介绍了移动视口错误（100vh bug）及解决方法，包括CSS和Javascript的修复方法，使用-webkit-fill-available属性和第三方库postcss-100vh-fix。同时提到了CSS Values 4规范中的新视口单位dvh。
