通常のWebデザインと同様に、ピクセルサイズから離れている価値があるため、ユーザー本当により大きなテキストが必要な場合でも、サイトを使用できます。
テストできる特定の電話グループをターゲットにしているのでない限り、OSとブラウザにサイズを処理させるのが最善です。 font-size: medium;はコンテンツに適しているはずです。その後、より大きなまたはより小さなテキストに対してemベースの調整を行うことができるはずです。これにより、より多くのデバイスでユーザーエクスペリエンスが向上します。
エクスペリエンスを最適化する場合、それはすべて、コンテンツと対象とするデバイスによって異なります。最適なサイズを見つける唯一の方法は、テストすることです。
18〜24ポイント（または、必要に応じて150〜200％）のいずれかに設定すると、iPhoneおよびAndroidで最良の妥協結果が得られます。私のテストによると、モバイルブラウザーは相対と絶対の基準が完全に無視され、フルサイズのコンピューター用に元々フォーマットされたページを表示しようとするサイズにデフォルト設定されます（つまり、10代の場合はほとんど読めません）。
これが、さまざまなモバイルブラウザでの フォントサイズに関する私の結果です
画面密度とUIにはさまざまな種類があります。ですから、それは実にクラップシュートです。しかし、それがモバイルデバイスに対応するUIである場合、おそらく、より大きなサイズでエラーが発生しても問題はありません。
デフォルトのフォントサイズである必要があります！
まったく設定しないでください。ブラウザはルート要素font-sizeをそのデバイスのデフォルト（通常は16pxに相当）として設定します。このようにして、OS /デバイスの作成者やユーザーを推測する必要がなくなります。
何かを設定する必要があると本当に感じた場合は、デフォルトに設定してください。 html {font-size: 100%}。