Изменить размер шрифта с помощью changechange

Question

Я пытаюсь изменить размер шрифта, чтобы он менялся с ориентацией и пересчитывался в зависимости от ширины экрана. Как изменить размер шрифта при изменении ориентации между пейзажем и портретом? Я пробовал прослушиватель событий, но он не меняет размер.

Машинопись код

import {Component} from "@angular/core"; 
import {NavController} from 'ionic-angular'; 

@Component({ 
    templateUrl: 'build/pages/home/home.html' 
}) 
export class HomePage { 

    public fontSize: any; 

    constructor(private navController: NavController) { 



    window.addEventListener("orientationchange", this.setFontSize, false); 

    } 


    public setFontSize() { 

     this.fontSize = screen.with * 0.059375; 

    } 
    } 



} 

HTML код

<ion-navbar *navbar> 
    <ion-title> 
    teste 
    </ion-title> 
</ion-navbar> 

<ion-content class="home" padding> 
    <p [ngStyle]="{'font-size': fontSize + 'px'}">TEXT</p> 
</ion-content> 

Answer 1

Выбросьте JavaScript, и просто использовать CSS:

@media all and (orientation:portrait) { 
p { font-size: 20px; } 
} 
@media all and (orientation:landscape) { 
    p { font-size: 10px; } 
} 

или использовать один по умолчанию:

p { font-size: 20px; } 
@media all and (orientation:landscape) { 
    p { font-size: 10px; } 
}