css - ベース フォント サイズとモバイル デバイス

Question

次の記事:

CSS フォントサイズ: em 対 px 対 pt 対パーセント

ボディ コピー用の 16 ピクセル。それ以下はコストのかかる間違いです

次の基本サイズを使用しようとしています。

body {
    font-size: 100%;
}

ユーザーがブラウザまたはシステム設定を変更しない限り、これを基本段落のフォント サイズとして使用し、デスクトップでは16pxになります。

---

サイトのレイアウトはレスポンシブで、小さなスマートフォンや高 DPI ディスプレイなどのモバイル デバイスでもどのように表示されるかが心配です。

を指定した場合100%、モバイル デバイスではどのような結果になりますか? 特定の画面サイズと DPI に最適なフォント サイズをブラウザーが選択することを期待できますか?

Answer 1

私の経験から言うと、最近のほとんどのスマートフォン ブラウザは、適切なフォント サイズを 100% に設定するとうまく設定できますが、確実であるとは言えません。

私だったら、小さな画面解像度用に好きなフォントサイズを手動で設定して、保護層を追加します.

@media (max-width: 767px) {
  body {
    font-size:18px;
  }
}

大まかに言うと、探している完璧なフォント サイズを得るには、モバイル デバイスでテストする必要があります。

アダム。