大小字体到窗口

Question

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

无论窗口大小是多少，我需要的是适合窗口宽度的文本（不论高度如何）。

例：
    1920px窗口宽度 - font-size: -webkit-xxx-large
    480px窗口宽度 - 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 - 减小结果面板的宽​​度

Answer 2

不要使用大小常数。根据{{​​1}}比例查找值，该值适用于不同的屏幕尺寸。

Answer 3

文字可能很难确定大小。 BigText是一个不错的Javascript库，可以非常轻松地将其大小调整为1/100。

Answer 4

您可以查看类似：http://simplefocus.com/flowtype/

的内容

虽然我不建议将此用于您的正文，因为媒体查询可能就足够了并且可以为您提供更多控制权。小屏幕上的小屏幕并不总是更好。