2013-06-26 26 views
2

我想在github上設計一些類似twitter bootstrap的主頁文本。如您所見,當您調整瀏覽器窗口大小時,文本大小將自動減少並增加。如何使文本和畫布響應twitter引導?

我已經試過fittextjs.com但沒有在所有工作

我怎麼能做到這一點?

第二個問題是:如何使用twitter bootstrap製作響應部分?

我編寫了一個模板,我用jquery倒數計時,但是這個jquery倒計時的js文件自動設置了canvas元素的寬度和高度。

如何使section > div > canvas響應自舉?

回答

3

使用媒體標誌在你的CSS文件這樣的:

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

當屏幕與比700像素thiner,所有的字體比默認的尺寸更小。當屏幕寬度大於1200像素時,所有字體都大於默認大小。

這裏是一個演示:http://jsfiddle.net/AlexandreT/FbNJs/

+0

謝謝。我會試試這個。 –