我的网站的主体中有一个用于滚动内部元素的包装器,问题(我认为)是移动浏览器无法识别滚动,因此网址栏没有调整大小。有替代方案吗?
.wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: scroll;
}
使用此设置,移动浏览器不会像在其他网站上通常那样滚动滚动浏览栏。
最佳答案
对于移动设备,请添加此元标记<meta name="apple-mobile-web-app-capable" content="yes" />
或尝试以下方法:
window.addEventListener("load", function () {
// Set a timeout...
setTimeout(function () {
// Hide the address bar!
window.scrollTo(0, 0);
}, 0);
});
关于html - 网页网址栏在移动浏览器中没有“缩小”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38625750/