2014-03-02 15 views
0

我正在嘗試添加自己的名爲「article-title」的類,該類比twitter bootstrap的默認H1字體大得多。向Twitter添加自定義文本類時保持響應能力引導

是否有人可以概述爲了保持響應性,需要採取哪些步驟?我想確保在較小的屏幕上文本適當縮小。

謝謝

+0

如果這不是一件容易的事情,那麼bootstrap在幫助您的工作流程方面似乎做得不是很好。只是說... bootstrap是最糟糕的!現在出去,而你仍然可以!如果沒有科學怪人的怪物,它真的非常容易,它有許多瘋狂的類型風格,你必須與之戰鬥。 – sheriffderek

回答

0

使用媒體查詢,並根據屏幕大小

例如更改字體大小,該媒體查詢更改字體大小時,你的屏幕大小爲320個像素或以下:

@media (max-width: 320px) { 
    .article-title { font-size: 2em; } 
} 

例如在堆棧問題上述證明下面

Responsive Font Size

祝你好運

+1

(請注意與舊版瀏覽器只有@media屏幕和(){}與@media(){}的區別) – sheriffderek

+0

@media標記有什麼作用? – BrightIntelDusk

相關問題