orientationchangeでフォントサイズを変更する

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; } 
} 

またはデフォルトとして1を使用します。

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

を