我正在尝试将我的移动网站制作成网络应用。
我配置了 webapp 设置:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">
此外,我正在使用 Bootstrap 并将导航固定在顶部,因此它会随着用户在移动设备上滚动。我向这个导航栏添加了一个 padding-top: 20px;
。
如果我随后打开该网站,就可以了。但是将其保存为 webapp 使用正确的状态栏,但顶部填充消失了。
我找到了 this问题 iOS 8.1/8.2 当前问题的一些答案。但是我没有找到问题的答案。
有谁知道这是怎么引起的以及如何解决的?谢谢!
最佳答案
我遇到了同样的问题,最终通过 jQuery 注入(inject)了边距。例如
$("#my-div").css('margin-top', '60px');
此外,当我对视口(viewport)元标记所做的更改没有显示时,我删除了 webapp 图标,然后转到该站点并以不同的名称重新放置它;我的更改出现了,它从那里正常刷新。
希望对您有所帮助。
关于iOS 8.1 网络应用程序忽略填充或边距顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28784798/