triggerIO フレームワークを使用してアプリケーションを作成しています。iPhone と iPad の画面解像度に合わせて HTML ページを変更したいと考えています。現在、条件付きで 2 つの異なる CSS をロードしています。または、これを行うためのより良い効率的な方法はありますか? または、トリガー IO でこれに使用できる組み込みのフレームワークはありますか?
質問する
82 次
2 に答える
2
アプリのデザインにもよりますが、CSSでemsのような相対的な単位を使用し、body要素にfont-sizeを設定することをお勧めします。
私たちのアプリでは、のようなことをします$('body').css('font-size', (window.innerWidth * 16 / 320) + 'px')。16はデフォルトのフォントサイズで、320はアプリが最初に設計されたピクセル単位の幅です。
したがって、たとえば、ある要素の幅を100ピクセルにする場合は、幅を6.25emに設定します。
于 2013-01-31T21:47:09.553 に答える
1
一般に、デバイスの検出に基づいて異なる CSS ファイルを切り替えるのではなく、現在の画面に適応するインターフェイスを作成することをお勧めします。
膨大な数の異なる画面サイズと形状がある Android をサポートしたい場合、これはさらに重要です。
レスポンシブ デザイン フレームワーク、または320以降については、 Twitter Bootstrapを参照してください。これは少し軽量になる傾向があります。
于 2013-01-31T09:27:52.500 に答える