將ionic2移動應用程序部署爲Web應用程序

-1

我想爲ionic2 mobile和web提供不同的CSS。例如：手機和網絡應用的列表寬度和高度不同，手機和網絡的列表字體和對齊方式也不同。請讓我知道如何實現這個離子2移動應用程序。將ionic2移動應用程序部署爲Web應用程序

謝謝，

2017-09-12 deepak

就可以實現通過從離子 - 角，然後使用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>

來源

2017-09-12 12:07:52

我可以添加所有移動平臺的特定CSS類的代碼在一個地方和其他平臺在另一個地方？在這裏，類名將是相同的。只有基於平臺的課程纔會使用。例如：在.platformios {...}中爲移動設備添加所有類，在.c平臺中爲.platform {...}添加瀏覽器等。在HTML文件中，它將使用相同的類名稱。 – deepak

我不明白，請轉述 –

將ionic2移動應用程序部署爲Web應用程序

回答

相關問題