私はCordovaとIonicフレームワークを使ってハイブリッドアプリケーションを構築しようとしています。私は、同じCSSがモバイル、タブレット、デスクトップで動作することを考えていました。私は、デスクトップ用のCSSでVhとVw（ビューポートの高さと幅に基づく相対単位）を使用することをより心配しています。また、異なるモニタ解像度に基づいて、フォントサイズ、アイコン、イメージサイズが増えます。CordovaとIonicフレームワークを使用し、モバイル、タブレット、デスクトップ向けにCSSを書くハイブリッドアプリケーション
これをコード化するのが最善の方法ですか？または、異なる解像度を扱うためにデスクトップ用の別々のCSSファイルを作成する必要があります。 1つのコードベースでモバイル、タブレット、デスクトップで動作するハイブリッドアプリを作成する最適なアプローチは何ですか？事前にあなたの助けのための
感謝。
Ionic自体は、あなたのコンテンツを整列させることができるレスポンスグリッドを提供します。
詳細はこちらをご覧ください。 http://ionicframework.com/docs/components/#grid
右のイオンは応答性の高いグリッドを提供しますが、モバイルデバイスのビューポートに基づいてテキストとアイコンのサイズがリサイズするようにvhとvwを使います。しかし、デスクトップはどうでしょうか、それはvhとvwを使っても大丈夫ですか？ vhとvwを使用すると、ページはモニターの解像度に基づいてサイズが変更されます。それはそれを行うための最善の方法ですか？ – joe
イオンアプリはデスクトップ上で動作するとは思わない。アイロンは純粋にモバイルアプリ開発のためのものだ。 Ionicは、特にモバイルアプリとタブレットアプリ向けです。したがって、イオンがすでにこれを処理しているので、解決の問題について考える必要はありません。イオングリッドを使用し、結果をデスクトップ上に表示するには、イオン実験室を使用します。 –
現在、ionicフレームワークで使用しているバージョンに応じて、最適なUXを作成できます。
イオン1
イオン1を携帯サイトではなく、ネイティブ/ハイブリッドモバイルアプリケーションの構築に焦点を当てています。時間の経過と共に実行される可能性のある制限の一部は、UI/UXとブラウザのサポートです。正直なところに集中しています。
ネイティブ/ハイブリッドアプリが主なアプローチである場合は、イニシアチブを使用しても問題ありませんが、ウェブサイトは最良のUI/UXではない可能性があります。あなたがより多くのWebアプリに焦点を当てていて、ネイティブ/ハイブリッドアプリではないなら、私はイオンを使うことを勧めません。
イオン2
イオン2に述べたようにhere、コルドバかかわらず、両方のネイティブ/ハイブリッドアプリケーションを構築するだけでなく、プログレッシブのWebアプリと電子のための能力を追加することに焦点を当てています。このアプローチをとって、両方の世界のベストが欲しいなら、それを実現させるツールがたくさんあります。
イオン2は角度2を利用していますが、プロジェクトはイオンv1からv2（より直感的な方法で）とは異なる構造になっています。私は両方のドキュメントを見て、エンドユーザにとって何が最善のものか、それに基づいて決定することをお勧めします。
私はドキュメントを読んだが、モバイル、タブレット、デスクトップ用のCordova + ionic wthコードベースを使用する必要があるかどうかはほとんど分かりません。あなたが私に代案として提案できる他のツールはありますか？ – joe
あなたのカスタムCSSを記述する場合、それは応答、あなたはメディアクエリを使用することができるか、他あなたがデバイス – Zeeshan
しかし、私の任意のサイズのためのアプリケーションの構築を支援しますブートストラップのようないくつかの応答性のフレームワークで与えることができます作りますコードバとイオンを使ってアプリを構築しています。そして、それは角度のあるjsのサポートを持っています – joe