jquery - 如何使用 Twitter Bootstrap 使文本和 Canvas 响应？

Question

我想设计类似twitter bootstrap 的东西github 上的主页文本。

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

我尝试过 fittextjs.com 但根本不起作用

我该怎么做？

第二个问题是:如何使用 Twitter Bootstrap 制作响应式部分？

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

如何使用 bootstrap 使 section > div > canvas 响应？

Answer 1

在 CSS 文件中使用媒体标志，如下所示:

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

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

这是一个演示:http://jsfiddle.net/AlexandreT/FbNJs/