Question

我想创建一个网络应用程序，管理员像离子的应用程序，适合大屏幕分辨率的显示器屏幕，但离子主要是为移动应用程序设计，我如何布局我的应用程序，以便将来我可以删除一些列，并使其适合移动应用程序分辨率。

有没有办法检查分辨率大小，并根据决定显示或隐藏某些内容。

麦克

Answer 1

您可以使用平台信息决定如何显示布局：

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.

通过使用底层平台信息，如果应用程序显示在桌面（核心）或平板电脑（ipad或平板电脑）等中，您可以调整布局：

this.isDesktop = this.platform.is('core');
this.isTabletOrIpad = this.platform.is('tablet') || this.platform.is('ipad');

然后使用* ngIf，showWhen，在视图中设置Grid Column Percentage Attributes或在视图中设置所需的任何内容来设计适当的布局。

请注意，使用平台信息不仅在视图中很重要，而且在组件代码中也很重要。这样，你可以避免初始化或执行你以后不会在视图中显示的代码（例如，加载一个只应该在桌面上显示的地图是没有意义的，如果那样你就不会去在视图中显示它，因为应用程序正在移动设备中使用。）

Ionic 2大屏幕分辨率应用程序

1 个答案: