jquery - デバイス幅に基づくフォント サイズ

Question

モバイル サイトがすべての幅のデバイスで適切に表示されるようにするには、デバイスの幅に基づいてフォント サイズを設定する方法を教えてください。jquery モバイルを使用しています。これを処理しますか。

Answer 1

html { フォントサイズ: 62.5%; } 本文 { フォントサイズ: 1em;}

@media (最大幅: 300px) { html { font-size: 70%; } }

@media (最小幅: 500px) { html { font-size: 80%; } }

@media (最小幅: 700px) { html { font-size: 120%; } }

@media (最小幅: 1200px) { html { font-size: 200%; } }

Demo : http://jsfiddle.net/pLyjt/