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

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