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

던져 멀리 자바 스크립트, 그냥 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; } 
}