ionicのアプリのような管理者は、大規模な解像度のモニタ画面にフィットするようなWebアプリケーションを作りたいと思っていますが、イオン性液体は主にモバイルアプリ用に設計されています将来私はいくつかの列を削除して、モバイルアプリの解像度に合わせることもできます。イオン2大画面解像度のアプリ
解像度のサイズを確認し、それに基づいてコンテンツを表示または非表示にする方法はありますか。
マイク
ionicのアプリのような管理者は、大規模な解像度のモニタ画面にフィットするようなWebアプリケーションを作りたいと思っていますが、イオン性液体は主にモバイルアプリ用に設計されています将来私はいくつかの列を削除して、モバイルアプリの解像度に合わせることもできます。イオン2大画面解像度のアプリ
解像度のサイズを確認し、それに基づいてコンテンツを表示または非表示にする方法はありますか。
マイク
あなたはレイアウトがプラットフォーム情報を使用することによって示されようとしている方法を決めることができました:
Platform Name Description
android on a device running Android.
cordova on a device running Cordova.
core on a desktop device.
ios on a device running iOS.
ipad on an iPad device.
iphone on an iPhone device.
mobile on a mobile device.
mobileweb in a browser on a mobile device.
phablet on a phablet device.
tablet on a tablet device.
windows on a device running Windows.
基盤となるプラットフォームの情報を使用することによりアプリが表示されている場合は、レイアウトを適応させることができデスクトップ(コア)または錠剤(アプリまたはタブレット)に等:を設定し、* ngIf、showWhenを用いて
this.isDesktop = this.platform.is('core');
this.isTabletOrIpad = this.platform.is('tablet') || this.platform.is('ipad');
そしてをご利用ください。適切なレイアウトをデザインするために、あなたの意見に必要なものは何でも構いません。
プラットフォーム情報の使用は、ビュー内だけでなくコンポーネントコード内でも重要であることに注意してください。そうすれば、後でビューに表示されないコードの初期化や実行を避けることができます(たとえば、デスクトップに表示するマップをロードするのは意味がありません。アプリケーションがモバイルデバイスで使用されているため、ビューに表示する)。
非常に役に立ちました –
私は助けてくれると嬉しいです – sebaferreras
@sebaferreras実際のIpadのケースであることを確認できませんが、Chromeのエミュレータでは、Ipadは既に「タブレット」として認識されていますIonic2。だからあなたの '||'は必須ではないようです。 –