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

【问题标题】：How to make texts and canvases responsive with twitter bootstrap?如何使用 twitter bootstrap 使文本和画布响应？
【发布时间】：2013-06-23 20:27:26
【问题描述】：

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

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

我尝试过 fittextjs.com，但根本没有用

我该怎么做？

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

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

如何使用引导程序使section > div > canvas 响应？

【问题讨论】：

标签： jquery twitter-bootstrap text canvas font-size

【解决方案1】：

像这样在 CSS 文件中使用媒体标志：

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

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

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

【讨论】：