ionic2モバイルアプリケーションをWebアプリケーションとしてデプロイ

-1

ionic2モバイルとウェブ用に異なるCSSを提供したいと思います。たとえば、モバイルアプリケーションとウェブアプリケーションのリストの幅と高さが異なる場合、リストのフォントと配置はモバイルとウェブで異なります。 ionic2モバイルアプリケーションでこれを達成する方法を教えてください。ionic2モバイルアプリケーションをWebアプリケーションとしてデプロイ

おかげで、

出典

2017-09-12 deepak

あなたは、イオン-角度からプラットフォームを注入し、各プラットフォーム用のappropiateクラスを割り当てるために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 {...}内のすべてのクラスをmobileに、.platform {...}をCSSファイルなどのブラウザに追加します.HTMLファイルでは、同じクラス名を使用します。 – deepak

私は理解していません、言い換えてください –

ionic2モバイルアプリケーションをWebアプリケーションとしてデプロイ

答えて

関連する問題