手機字體縮放設定調整

1. DEMO HTML 設定

<p class="headline">headline</p>
<p class="subheadline">subheadline</p>
<p class="body">body</p>
<p>一般文字</p>

2. DEMO CSS 設定

.headline{
    font: -apple-system-headline;
}
.subheadline{
    font: -apple-system-subheadline;
}
.body{
    font: -apple-system-body;
}

3. 預設設定及畫面

4. 把設定放大

5. 結論

可以發現只有該字體，會跟隨系統設定來做放大，一般文字根本不吃