css - モバイル デバイスのグローバル/共通フォント サイズ

Question

phonegapを使ってモバイルアプリをやっています。クロスプラットフォーム用です。このアプリケーションではすべて問題ありません。唯一の問題はフォント サイズです。ボディ スタイルでフォント サイズを 12px に指定しました。小さなデバイスでは問題なく動作します。

しかし、ipad とタブ (より大きなデバイス) で開くと、12px では視聴者には小さすぎます。デバイスの幅に応じてフォントサイズを変更する方法はありますか?

ありがとう

Answer 1

検索するトピックはCSSメディアクエリです。

@media screen and min-width: 768px {
    body { font-size: 20pt; }
    }