自動調整大小標題上引導3網站

Question

我如何在getboostrap.com主頁自舉3創建可調整大小的<h1>元素：http://getbootstrap.com/getting-started/

我知道我可以使用的工具，如fittext.js但他們通過調整使用CSS媒體查詢似乎。

Answer 1

你可以把你<h1>標籤在Jumbotron。 默認的h1字體大小是36px。您可以使用媒體查詢，使之更大：

@media screen and (min-width: 768px) { 
    h1.resizable { 
    font-size: 63px; 
    } 
} 

可以將resizable類添加到任何h1標籤，這將使它更大，如果屏幕寬度最小爲768px。

Answer 2

從他們的CSS

@media (min-width: 768px) { 
    .bs-masthead h1 { 
    font-size: 100px; 
    } 
} 

.bs-masthead h1 { 
    font-size: 50px; 
    line-height: 1; 
    color: #fff; 
}