Safari Mobile全屏

Cat*_*one 9 iphone web-applications fullscreen metatag iphone-standalone-web-app

我正在尝试在我的iPhone Web App上设置全屏模式,我已经阅读了关于apple-mobile-web-app-capable元标记的Apple文档,但它不起作用,你能帮助我吗?谢谢

mal*_*ois 14

<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">
Run Code Online (Sandbox Code Playgroud)

确保你做Bala Clark提到的事情

值得一提的是,这些标签仅在应用程序保存在主屏幕并从那里启动时才起作用

  • meta标签只适用于iOs safari,并且只有当用户将网站添加到他的主屏幕时才会使用. (5认同)
  • 我正在使用这个元标记,但它不起作用 (2认同)
  • 值得一提的是,这些标签仅在应用程序保存在主屏幕并从那里启动时才起作用. (2认同)

mal*_*ois 6

您还可以添加javascript函数:

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