如何使用twitter bootstrap响应文本和画布？

Question

我想在github上设计类似twitter bootstrap主页文本的内容。

如您所见，当您调整浏览器窗口大小时，文本大小将自动减小并增加。

我已经尝试过fittextjs.com，但这根本不起作用

我该怎么做？

第二个问题是：如何使用twitter bootstrap制作响应部分？

我编写了一个模板，我在其中使用了jquery倒计时，但这个jquery倒计时的js文件自动设置了canvas元素的宽度和高度。

如何使section > div > canvas对引导程序做出响应？

Answer 1

在CSS文件中使用媒体标记，如下所示：

@media (max-width: 700px) {
    *
    {
        font-size: smaller;
    }
}
@media (min-width: 1200px) {
    *
    {
        font-size: larger;
    }
}

当屏幕的大小超过700像素时，所有字体都小于默认大小。当屏幕宽度大于1200px时，所有字体都大于默认大小。

以下是演示：http://jsfiddle.net/AlexandreT/FbNJs/