尝试一下:1.在iOS(设备或模拟器)上的Safari 12中打开此codepen。1.集中输入。虚拟键盘应该打开。1.现在滚动到页面底部。1.你应该能够在<html>元素外滚动,看到一个Safari菜单/操作栏大小的白色条纹,如下所示:
<html>
1.当你关闭虚拟键盘,条纹去的方式…这是Safari的一个bug吗?有什么方法可以修复这个bug吗?
hrirmatl1#
首先,您可以尝试使用height: 100vh;而不是height: 100%。由于和标签没有指定高度值,并且高度%基于其父级,因此无法直接应用百分比作为高度值。因此,您可以尝试
height: 100vh;
height: 100%
html, body { height: 100vh; }
如果上面的方法不起作用,您可以尝试在body中使用overflow: hidden;来隐藏主体的溢出。
body
overflow: hidden;
1条答案
按热度按时间hrirmatl1#
首先,您可以尝试使用
height: 100vh;
而不是height: 100%
。由于和标签没有指定高度值,并且高度%基于其父级,因此无法直接应用百分比作为高度值。因此,您可以尝试如果上面的方法不起作用,您可以尝试在
body
中使用overflow: hidden;
来隐藏主体的溢出。