javascript - ウィンドウサイズの変更時にWebページページのテキストを調整する方法は?

Question

私は設計にモバイル jquery を使用しています。すべてのモバイル デバイスで自動調整されるように、Web ページ/画面のテキストを調整したいと考えています。どうすればこれをアクティブにできますか? 何か案が？

Answer 1

body 要素と html 要素の幅と高さを設定して、ページを最大化します。html 要素も設定しなければならないのは奇妙ですが、それが人生です。

html, body {
    width:100%;
    height:100%;
}

マークアップでセクションを定義します。

<section>...</section>
<section>...</section>
<section>...</section>

また、セクションのサイズを変更して、ロード時およびページのサイズ変更時に収まるようにします。何かのようなもの：

function draw() {
    var width = $(document).width();
    var height = $(document).height();

    $("section").width(width).height(height);
}

$(document).resize(draw);
$(draw);