是否可以在瀏覽器變小時調整文本大小，css

Question

有沒有辦法讓文本調整大小，因爲基於液體的設計的瀏覽器變得更小。

圖像divs等，所有重新調整，但文字百分比縮放不可能！將其設置爲百分比只會改變該文本的統一em設置 - 每個瀏覽器寬度都相同。

Answer 1

除了以特定的時間間隔使用媒體查詢之外，我並不確定。

我會做它的方式：

.content { 
    font-size:16px; 
} 

@media all and (max-width: 800px) { 
    .content {font-size:14px;} 
} 

@media all and (max-width: 600px) { 
    .content {font-size:12px;} 
} 

@media all and (max-width: 400px) { 
    .content {font-size:10px;} 
} 

不需要JavaScript，純CSS。

Answer 2

是的，可以通過JavaScript代碼處理onResize事件來調整文本大小。然而，onResize有很多問題，包括debouncing，這可能會變得複雜。

我知道這不是你問題的一部分，但我想知道調整文本的大小是否合適。畢竟，用戶已經告訴瀏覽器他/他對目前大小的文本感到滿意。是否真的很友好來覆蓋用戶的清單首選項？

Answer 3

我相信這正是你要找的人：

http://css-tricks.com/viewport-sized-typography/