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

Question

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

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

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

我怎样才能做到这一点？

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

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

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

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/