在脫機/獨立模式下運行時，我可以指定HTML5應用程序在iPhone上使用的樣式表嗎？
[英]Can I specify a stylesheet for HTML5 apps to use on the iPhone when running in offline/standalone mode?
問題描述
我正在構建一個HTML5 / JavaScript應用程序，該應用程序可以在iPhone上以離線模式運行。
我知道我可以通過檢查window.navigator.standalone屬性來選擇性地運行JavaScript-CSS是否有等效的開關/選擇器？ 在本地運行時可用的額外屏幕空間意味着我想使用不同的CSS作為網頁運行與作為離線應用程序運行。
2 個解決方案
解決方案1
1 已采納 2011-04-04 20:42:12
我所知道的沒有聲明式的，僅CSS的方式（例如使用媒體查詢）。
一個快捷選項可能是使用人們在Android上使用的技巧，該技巧根本沒有可安裝的HTML5選項：將URL欄滾動到視圖之外。 參見http://www.html5rocks.com/mobile/mobifying.html#toc-optimizations-scrolling
至少以這種方式，用戶可以獲得“全屏”外觀。 您可能希望將其與正文或包含元素的min-height ，以確保其實際伸展的程度足以使URL欄滾動開。
解決方案2
0 2011-04-07 20:30:29
您可以使用緩存清單並在脫機查看時（在FALLBACK下）提供完全不同的CSS： http : //dev.opera.com/articles/view/offline-applications-html5-appcache/
在移動Safari（html5）中為離線iphone / ipad網絡應用緩存視頻內容？
[英]cache video content for offline iphone/ipad web apps in mobile safari (html5)?
HTML5脫機網絡應用程序無法在Android 2.x，iPhone中運行。 （但是可在Android 4.0中使用）
[英]HTML5 Offline web apps NOT working in Android 2.x, iPhone. (However works in Android 4.0)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
HTML5 iPhone離線版Webapp
在移動Safari（html5）中為離線iphone / ipad網絡應用緩存視頻內容？
HTML5脫機網絡應用程序無法在Android 2.x，iPhone中運行。 （但是可在Android 4.0中使用）
iPad和iPhone上的HTML5離線存儲BUG
HTML5 LocalStorage達到限制，但我僅使用離線緩存
在獨立模式下執行時，iPhone出現問題
我可以在應用程序中使用iPhone臉部識別嗎？
我可以在iPhone / iPad應用程序中使用PayPal嗎？
帶有 HTML5 和谷歌地圖的 iPhone 應用程序
在睡眠模式下運行 iPhone 應用程序
相關標簽