我正在嘗試添加自己的名爲「article-title」的類,該類比twitter bootstrap的默認H1字體大得多。向Twitter添加自定義文本類時保持響應能力引導
是否有人可以概述爲了保持響應性,需要採取哪些步驟?我想確保在較小的屏幕上文本適當縮小。
謝謝
我正在嘗試添加自己的名爲「article-title」的類,該類比twitter bootstrap的默認H1字體大得多。向Twitter添加自定義文本類時保持響應能力引導
是否有人可以概述爲了保持響應性,需要採取哪些步驟?我想確保在較小的屏幕上文本適當縮小。
謝謝
使用媒體查詢,並根據屏幕大小
例如更改字體大小,該媒體查詢更改字體大小時,你的屏幕大小爲320個像素或以下:
@media (max-width: 320px) {
.article-title { font-size: 2em; }
}
例如在堆棧問題上述證明下面
祝你好運
(請注意與舊版瀏覽器只有@media屏幕和(){}與@media(){}的區別) – sheriffderek
@media標記有什麼作用? – BrightIntelDusk
這可以幫助你嗎? http://simplefocus.com/flowtype/
將font-size
設置爲<h1>
,然後使用px更改主體的字體。
如果這不是一件容易的事情,那麼bootstrap在幫助您的工作流程方面似乎做得不是很好。只是說... bootstrap是最糟糕的!現在出去,而你仍然可以!如果沒有科學怪人的怪物,它真的非常容易,它有許多瘋狂的類型風格,你必須與之戰鬥。 – sheriffderek