Css 离子2大屏幕分辨率应用程序

Css 离子2大屏幕分辨率应用程序,css,layout,angular,ionic2,Css,Layout,Angular,Ionic2,我想用ionic制作一个web应用程序,类似管理员的应用程序,适合大分辨率的显示器屏幕,但ionic主要是为移动应用程序设计的,我如何布局我的应用程序,以便将来我可以删除一些列并使其适合移动应用程序的分辨率 是否有办法检查分辨率大小,并根据该大小决定显示或隐藏某些内容 Mike您可以使用平台信息决定布局的显示方式: Platform Name Description android on a device running Android. cordova on a

我想用ionic制作一个web应用程序,类似管理员的应用程序,适合大分辨率的显示器屏幕,但ionic主要是为移动应用程序设计的,我如何布局我的应用程序,以便将来我可以删除一些列并使其适合移动应用程序的分辨率

是否有办法检查分辨率大小,并根据该大小决定显示或隐藏某些内容


Mike

您可以使用平台信息决定布局的显示方式:

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,在视图中设置DINAMICALY或任何您需要的内容来设计适当的布局


请注意,使用平台信息不仅在视图中很重要,在组件代码中也很重要。这样,您就可以避免初始化或执行您以后不会在视图中显示的代码(例如,如果因为应用程序正在移动设备中使用,您不打算在视图中显示地图,则加载只应在桌面上显示的地图是没有意义的)。

感谢您的回复,非常有用很高兴我能提供帮助:)@sebafereras我无法验证在真正的Ipad上是否如此,但在Chrome Emulator中,Ipad已经被视为Ionic2的
平板电脑。因此,您的
|
似乎不是必需的;)。