我的网站的主体中有一个用于滚动内部元素的包装器,问题(我认为)是移动浏览器无法识别滚动,因此网址栏没有调整大小。有替代方案吗?

.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/

10-10 18:49
查看更多