css - すべてのデバイスでデフォルトのフォント サイズを取得するための CSS トリックはありますか

Question

ブログ投稿などに適した、ブラウザから標準テキストのフォント サイズを取得するためのシステムに依存しない CSS の方法はありますか?

私は em がこれを行うと思っていましたが、設定するfont-size : 1 em;と、デスクトップでは標準のテキスト フォント サイズになり、モバイルでは非常に小さいサイズになります。

真の DPI が OS に認識されない場合があることを理解しています。しかし、モバイル デバイスでは、ブラウザーは読み取り可能なテキストの大きさを大まかに把握する必要があるのではないでしょうか? そして、この情報を取得する方法があるべきではありませんか?

Answer 1

em を使用している場合は、最初にフォントの基本値を定義する必要があります。元。：

body { font-size: 16px }

現在は 1em = 16px です。

ほとんどのブラウザーでは、デフォルトのユーザー エージェントのフォント サイズが 16 ピクセルになっていますが、これに依存するべきではありません。ベース値を設定してから、em の使用を開始します。