Css 离子2大屏幕分辨率应用程序
我想用ionic制作一个web应用程序,类似管理员的应用程序,适合大分辨率的显示器屏幕,但ionic主要是为移动应用程序设计的,我如何布局我的应用程序,以便将来我可以删除一些列并使其适合移动应用程序的分辨率 是否有办法检查分辨率大小,并根据该大小决定显示或隐藏某些内容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
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的
平板电脑。因此,您的|
似乎不是必需的;)。