Safari移动全屏

问题描述：

我想在我的iPhone Web App上设置全屏模式，我已阅读苹果手机上的苹果手机网页应用程序元标记的文档，但它不工作，可以你帮我？由于Safari移动全屏

你有广告将它定义到您的主屏幕并以此方式启动它？它在正常的Safari中不起作用。 – ceejayoz 2011-05-26 19:18:17

答

推出这些标签只有工作，你还可以添加一个javascript功能：

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">

谢谢，这是我需要的 – 2011-05-27 21:33:22

this为url栏工作，但有没有办法隐藏底部的导航栏？ – bobighorus 2012-03-19 10:36:24

更多关于此JavaScript hack在这里：http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ – 2012-06-18 12:36:28

答

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

确保你做什么巴拉克拉克提到

其值得一提的是，当应用程序被保存主屏幕，并从那里

我正在使用此元标记，但它不起作用 – 2011-05-26 21:08:47

只有当用户将网站添加到他的主屏幕时，meta标记才会用于iOs safari。 – 2012-06-18 12:35:43

值得一提的是，这些标签只有在应用程序保存在主屏幕并从此处启动时才有效。 – 2013-08-18 19:00:56

相关推荐