我正在构建一个在 iPhone 上以离线模式运行的 HTML5/JavaScript 应用程序。
我知道我可以通过检查window.navigator.standalone
属性有选择地运行 JavaScript - 是否有一些等效的 CSS 开关/选择器?在本地运行时可用的额外屏幕空间意味着我想使用不同的 CSS 作为网页运行而不是作为离线应用程序运行。
我正在构建一个在 iPhone 上以离线模式运行的 HTML5/JavaScript 应用程序。
我知道我可以通过检查window.navigator.standalone
属性有选择地运行 JavaScript - 是否有一些等效的 CSS 开关/选择器?在本地运行时可用的额外屏幕空间意味着我想使用不同的 CSS 作为网页运行而不是作为离线应用程序运行。
我知道没有声明性的、仅 CSS 的方式(例如使用媒体查询)。
一种快捷方式可能是使用人们在 Android 上使用的技巧,它根本没有可安装的 HTML5 选项:将 URL 栏滚动到视野之外。请参阅http://www.html5rocks.com/mobile/mobifying.html#toc-optimizations-scrolling
至少这样用户可以获得“全屏”外观。您可能希望将它与min-height
主体或包含元素上的 a 结合起来,以确保它实际上延伸到足够远以滚动 URL 栏。
您可以使用缓存清单并在离线查看时提供完全不同的 CSS(在 FALLBACK 下):http ://dev.opera.com/articles/view/offline-applications-html5-appcache/