iPhoneでオフラインモードで実行されるHTML5/JavaScriptアプリを作成しています。
プロパティを調べることでJavaScriptを選択的に実行できることを知っています-CSSにwindow.navigator.standalone
相当するスイッチ/セレクターはありますか?ローカルで実行するときに利用できる追加の画面スペースは、Webページとして実行する場合とオフラインアプリとして実行する場合で異なるCSSを使用したいことを意味します。
iPhoneでオフラインモードで実行されるHTML5/JavaScriptアプリを作成しています。
プロパティを調べることでJavaScriptを選択的に実行できることを知っています-CSSにwindow.navigator.standalone
相当するスイッチ/セレクターはありますか?ローカルで実行するときに利用できる追加の画面スペースは、Webページとして実行する場合とオフラインアプリとして実行する場合で異なるCSSを使用したいことを意味します。
私が知っている宣言型のCSSのみの方法はありません(メディアクエリの使用など)。
ショートカットオプションの1つは、インストール可能なHTML5オプションがまったくないAndroidで使用されるトリックを使用することです。つまり、URLバーをスクロールして表示しません。http://www.html5rocks.com/mobile/mobifying.html#toc-optimizations-scrollingを参照してください
少なくともそのようにして、ユーザーは「フルスクリーン」の外観を得ることができます。min-height
これを本体または包含要素と組み合わせて、URLバーを邪魔にならないようにスクロールするのに十分な距離まで実際に伸びることを確認することをお勧めします。
キャッシュマニフェストを使用して、オフラインで表示するときに完全に異なるCSSを提供できます(FALLBACKの下):http ://dev.opera.com/articles/view/offline-applications-html5-appcache/