一方面,问题是在项目实践过程中,会遇到移动终端h5页面高度的自适应问题。 例如,chrome devtools下的iphonex,默认高度为812px,实际高度为852px,反倒是手机端浏览有滚动条,让人厌烦~
二、方案
高设置100vh或高设置100vh溢出- y :隐藏; 将显示滚动条,或在下面显示40px的白色背景
解决方案:在index.html中,将viewport-fit=cover,done~~添加到元标记
元数据=' viewport ' content=' width=device-width,initial-scale=1.0,viewport-fit=cover '