将ionic2移动应用程序部署为Web应用程序

Question

我想为ionic2 mobile和web提供不同的CSS。例如：列表的宽度和高度在移动和Web应用程序方面有所不同，列表字体和对齐方式因移动设备和Web而异。请告诉我如何实现ionic2移动应用程序。

谢谢，

Answer 1

你可以通过从ionic-angular注入平台然后使用ngClass和布尔标志来为每个平台分配适当的类来实现这一点。

import { Platform } from 'ionic-angular';

isMobile: boolean;

constructor(platform: Platform) {
   platform.ready().then(() => this.isMobile = platform.is('mobile'));
}

并在html上：

<div [ngClass]="{'mobile-css': isMobile, 'web-css': !isMobile}"> </div>