モバイルでは、クライアントのウェブサイトのほとんどが通常のデスクトップ ページのように見えます。レスポンシブにはなっていませんが、取り組んでいます。本文の幅は 1000px に固定されているため、モバイル ブラウザではすべて小さなテキストなどになります。つまり、実際にコンテンツを読むためのダブルタップパーティーになります。
それで、私の質問は何ですか？モバイル用の小さな通知バーを作成しています。Web ページの下部からスライドして表示される小さな黄色のバーで、表示しているページがまだモバイル用に最適化されていないことをユーザーに伝えます。実際にこれが必要かどうかは別として、バー内のフォントをすべてのデバイスで一貫した物理サイズにする方法を見つけようとしています。問題は、最近のすべてのデバイスが広範囲の DPI を持っていることです。StackOverflow で見つけた別の質問はこれを扱っていますが、デスクトップのケースのみを扱っています。モバイルはまったく別の球技です。
私は CSS で mm をいじっていますが、ブラウザー間のテキスト レンダリングの不一致は非常に大きなものです。ピクセル密度に基づいて px で font-size を計算することでそれができると思います。または、すべての DPI バリエーションに対して一連のメディア クエリを作成します。しかし、それはすべてばかげているようです。ここで何かを見落としていますか？これを行う簡単な方法はありますか？