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

Posted 2023-03-06

【中文标题】如何使用 twitter bootstrap 使文本和画布响应？

【英文标题】：How to make texts and canvases responsive with twitter bootstrap?

【发布时间】：2013-06-23 20:27:26

【问题描述】：

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

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

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

我该怎么做？

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

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

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

【参考方案1】：

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

@media (max-width: 700px) 
    *
    
        font-size: smaller;
    

@media (min-width: 1200px) 
    *
    
        font-size: larger;
    

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

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