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

问题描述:

我想制作一个网络应用程序,管理像离子应用程序,适合显示器屏幕上的大分辨率,但离子主要是为移动应用程序设计的,我怎样布局我的应用程序,以便在未来,我可以删除一些专栏,并使其适合移动应用解决方案。Ionic 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. 

利用底层平台的信息,你可以调整布局在台式机(核心)或平板电脑(iPad版或平板电脑)等:

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

,然后使用* ngIf,showWhen,设置Grid Column Percentage Attributes dinamically或任何你需要在您的意见设计拨款布局。

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

+0

感谢您的回复,非常有帮助 –

+0

很高兴我可以帮助:) – sebaferreras

+0

@sebaferreras我无法验证这是真实的Ipad,但在Chrome Emulator中,Ipad已被视为“tablet” Ionic2。所以看起来你的'||'不是必需的;)。 –