如何在更改窗口大小时调整网页上的文本？

Question

我正在使用移动jquery进行设计。我想调整我的网页/屏幕上的文字，以便它可以在所有移动设备上自动调整。我怎么能这样呢？任何想法？

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);