一行代码修复100vh bug

一行代码修复 100vh bug

摘要

移动视口错误（100vh bug）是移动设备上的一个问题，它导致全屏元素在地址栏可见时被切断。常规修复方法包括使用CSS和Javascript监听窗口大小变化来设置自定义属性，使用-webkit-fill-available来设置高度，或使用postcss-100vh-fix库。更好的解决方法是使用新的视口单位dvh，它始终适应视口大小。CSS还提供了其他动态视口单位如dvw、dvi、dvb、dvmin和dvmax。总之，dvh是制作视口相关高度的最佳选择，它简单而强大，可以轻松解决前端问题。