早些时候我的网站工作正常,它是全屏的。后来我更新了Chrome(Android)到最新的(116.xxxxxx....)。现在它显示滚动,这在早期版本(99.xxxxxx...)中是不使用的。
尝试了大多数CSS解决方案,如下所示。
html, body {
scroll-behavior: smooth;
overflow-x: hidden!important;
}
AND
html {
scroll-behavior: smooth;
overflow-x: hidden!important;
}
body {overflow-x: hidden;}
对这个问题有什么想法吗?
1条答案
按热度按时间huwehgph1#
终于找到了答案
这是由谷歌Chrome(Android)的最新调整行为引起的。
解决方案是添加:
在index.html文件中。
如果您使用过Chrome(Android),则必须为应用程序准备最新的调整大小行为
position:fixed
在您的Web布局中。
参考:https://developer.chrome.com/blog/viewport-resize-behavior/