有没有办法通过 Safari 在 iPhone 上创建全屏图库？
我一直在创建 CSS/Javascript 来为 iPhone 上即将推出的网站设计不同的样式 - 主要是为了增强可用性。 在桌面应用程序上，我将 slimbox 与 mootools 结合使用来创建图像库。 这在 iPhone 上不起作用，因为它不会全屏显示图像（Safari chrome 会妨碍）。 我目前的解决方案只是显示图像链接。
我想知道是否有某种方法可以通过 Mobile Safari 全屏显示图像 - 例如 App Store 和 Photos.app。 有人找到这样的解决方案吗？
I've been creating CSS/Javascript to style an upcoming site differently on iPhone - mostly to enhance usability. On the desktop app, I use slimbox in combination with mootools for an image gallery. This doesn't work on iPhone because it won't show the image fullscreen (safari chrome gets in the way). The solution I have at the moment is just to display image links.
I was wondering if there is some way to display images fullscreen through Mobile Safari - like the App Store and Photos.app. Anyone found such a solution?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可能已经知道这一点 - 但您可以通过以下方式摆脱地址栏：
document.body.onload = function(){setTimeout("window.scrollTo(0,1);",100);};
为了创造更多本机应用程序的错觉，您可以禁用滚动：
document.body.ontouchmove = function(e){e.preventDefault();};
You probably already know this - but you can get rid of the address bar with:
document.body.onload = function(){setTimeout("window.scrollTo(0,1);",100);};
To create the illusion of a native app even more, you can disable scrolling:
document.body.ontouchmove = function(e){e.preventDefault();};
有一个元标记 apple-mobile-web-app-能够，您可以使用它以全屏模式启动移动 Safari。 请记住，用户需要在主屏幕上添加网络书签才能使其正常工作，并且他们点击的任何链接都会发送到常规移动 Safari，后者将作为新应用程序打开。
There is a meta tag, apple-mobile-web-app-capable, that you can use to launch mobile safari in fullscreen mode. Keep in mind though that the user needs to add a web bookmark to their home screen in order for it to work, and any links they click on are sent to regular mobile Safari, which opens as a new application.