使用Cordova和Ionic框架並為移動，平板電腦和台式機編寫CSS的混合應用程序

Question

我正在嘗試使用Cordova和Ionic框架構建混合應用程序。 在此過程中，我一直在思考相同的CSS是否適用於Mobile，Tablet和Desktop。 我更擔心在台式機CSS中使用Vh和Vw（基於視口高度和寬度的相對單位），並且基於不同的顯示器分辨率，它將增加字體大小，圖標和圖像大小。

所以這是最好的編碼方式。 還是應該為桌面創建單獨的css文件以處理不同的分辨率。 創建混合應用程序的最佳方法是什么，該應用程序只需一個代碼庫即可在移動設備，平板電腦和台式機上運行。

感謝您的幫助。

Answer 1

Ionic本身提供了響應式網格，您可以通過它調整內容。

您可以在此處查看更多信息。 http://ionicframework.com/docs/components/#grid

Answer 2

它取決於您在ionic框架中當前使用的版本，以創建最佳的UX。

離子1

Ionic 1專注於構建本機/混合移動應用程序，而不是移動網站。 隨着時間的推移，您可能會遇到的一些限制是UI / UX和瀏覽器支持。 老實說，這取決於您更專注於什么。

如果本機/混合應用程序是主要方法，則可以，使用ionic很好（但是網站可能不是最佳的UI / UX）。 如果您更專注於Web應用程序而不是本機/混合應用程序，那么我不建議您使用Ionic。

Ionic 1的文檔

離子2

離子2着力構建兩個原生/混合應用，雖然科爾多瓦，以及增加了對進Web應用程序和電子的能力，如提到這里 。 如果您采用這種方法，並且希望兩全其美，那么有很多工具可以實現它。

請注意，Ionic 2利用Angular 2，項目的結構與Ionic v1到v2不同（以更直觀的方式）。 我建議您同時查閱這兩個文檔，這對最終用戶來說是您最大的利益，並據此做出決定。

Ionic 2的文檔