Déploiement de l'application mobile ionic2 en tant qu'application Web

-1

Je souhaite fournir des CSS différents pour ionic2 mobile et web. Par exemple: la liste diffère en largeur et en hauteur pour les applications mobiles et Web, la police de liste et l'alignement sont différents pour le mobile et le Web. S'il vous plaît laissez-moi savoir comment y parvenir pour l'application mobile ionic2.Déploiement de l'application mobile ionic2 en tant qu'application Web

Merci,

Source

2017-09-12 deepak

vous pouvez y parvenir en injectant de la plate-forme ngClass ionique angulaire, puis en utilisant et un drapeau booléen pour assigner une classe pour chaque plate-forme correspond le.

import { Platform } from 'ionic-angular'; 

isMobile: boolean; 

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

et le code html:

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

Source

2017-09-12 12:07:52

Puis-je ajouter tous les codes de classes CSS spécifique de plate-forme mobile à un endroit et d'autres plate-forme à un autre endroit? Ici, le nom de la classe serait le même. Seules les classes seront utilisées en fonction de la plateforme. par exemple: ajouter toutes les classes dans .platformios {...} pour mobile et .platform {...} pour le navigateur dans le fichier css etc. Dans le fichier HTML, il utilisera le même nom de classe. – deepak

Je ne comprends pas, veuillez reformuler –

Déploiement de l'application mobile ionic2 en tant qu'application Web

Répondre

Questions connexes