調整網頁的響應式網頁佈局

Question

我已經在bootstrap中開發了該網站。當我試圖在瀏覽器中調整網站大小時，文本不能正確調整大小。我在bootstrap中嘗試了一些東西，在文本級別上什麼都不是很好。

這裏我試圖測試網站http://i.giphy.com/xT0BKp4niP44vGOjmM.gif

請看看，讓我知道，如果任何建議，使該網站看起來偉大的，當我們調整瀏覽器窗口以及爲平板電腦+移動太過。

Answer 1

您可以使用媒體querys爲examle：

p { 
    font-size:80px; 
} 

@media (max-width:800px) { 
    /* here goes your text code , you need to change text size here for example */ 
    p { 
     font-size:30px; 
    } 
} 

• LOOK HERE的小提琴。
• LOOK HERE用於爲SCEENS

各種規模的小提琴也this Fiddle見。

p { 
    font-size:30px; 
    font-size:10vw; 
}