javascript - 调整字体到窗口

Question

我正在为我的页面寻找合适的字体大小。我目前将其设置为 -webkit-xxx-large，因为它非常适合我的窗口。

无论窗口大小如何，我需要的是适合窗口宽度(不关心高度)的文本。

例子:
1920 像素窗口宽度 - font-size: -webkit-xxx-large
480 像素窗口宽度 - font-size: large

无论它使用 Javascript/jQuery 还是仅使用 CSS，我都无所谓。我只需要一个适合所有人的通用尺寸。

Answer 1

试试 media query使用 @media喜欢 ( IE support )

body {
    font-size: -webkit-xxx-large
}
@media screen and (max-width: 480px) {
    body {
        font-size: large;
    }
}

演示:Fiddle - 减少结果面板的宽​​度