jquery - モバイル アプリの画面サイズに基づいてフォント サイズを自動的に大きくする

Question

画面サイズに基づいてフォントサイズを大きくするにはどうすればよいですか?

iPhone と iPad で同じサイズのままのテキストがいくつかあります。画面サイズに合わせてフォントサイズを増減したい。

Answer 1

メディアクエリを使用してこれを行う必要があります。例えば

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}

Answer 2

自動フォント ストレッチについては、こちらを参照してください。ブラウザの幅に基づいてテキスト サイズを動的にスケーリングすることは可能ですか?

Answer 3

上記のメディア クエリ (ディーン) に関する質問は正しいです。-webkit-text-size:none - また、iPhone の場合は、フォント設定に関係なく、iPhone がフォントをスケーリングすることを確認する必要があります。

また、より大きな電話をキャプチャする場合は、クエリを変更する必要がある場合があります。特に、Android 市場では現在、はるかに大画面のスマートフォンが登場しています。