流体レイアウトのダイナミックフォントサイジング

fluidレイアウトを設計するとき、フォントサイズをスクリーン解像度に合わせて一致させることは困難です。 「em」のようなユニットは適切に適応しない場合があり、パーセンテージとポイントは信頼できない場合があります。 ：

vw：

vh：
• ビューポートの高さの割合： vwまたはvhの小さい値
• vmax： vwまたはvh
• ]体 { フォントサイズ：3.2VW; } これにより、フォントサイズをビューポート幅の3.2％に設定し、デバイスと解像度を適切にスケーリングすることを保証します。 Viewport関連ユニット、いくつかの代替方法が採用されました：
• メディアクエリ：
異なる画面範囲のブレークポイントと特定のフォントサイズを定義します。およびrems：

body {
  font-size: 3.2vw;
}

100％=現在のフォントサイズ、モバイルデバイスとアクセシビリティのスケーラビリティを確保します。ユーザーの画面解像度に適応し、さまざまなデバイスで最適なユーザーエクスペリエンスを提供するフォント。