Question

我有一个Web应用程序，我以前设置了支持带有主屏幕书签的iPhone所需的元标记。该网站在safari中运行良好，并且作为带有apple-mobile-web-app-capable功能的书签设置为yes，因此当您使用主屏幕链接时它删除了浏览器控件。

现在iPhone 5已经用完，我意识到使用我在页面上的视口设置，它显示了屏幕顶部和底部有黑条的网站。我已经改变了我的视口元标记，以便它可以使用iPhone 5的全屏。但是，主屏幕书签使用新视口标签并全屏显示的唯一方法是删除书签，然后重新添加它。

是否有另一种设置方式，以便已经安装了主屏幕书签的每个人都不需要删除，并重新添加它以使网站全屏显示？

Answer 1

这是Burlin on Gist发现的解决方案。工作一种享受。 https://gist.github.com/3840737

<!-- standard viewport tag to set the viewport to the device's width
  , Android 2.3 devices need this so 100% width works properly and
  doesn't allow children to blow up the viewport width-->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
<!-- width=device-width causes the iPhone 5 to letterbox the app, so
  we want to exclude it for iPhone 5 to allow full screen apps -->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />

主屏幕链接上的iPhone视口元标记更改

1 个答案: