2014-10-09 77 views
1

我遇到了一些情況,我有一個比它包含的div大的單詞。看看下面的截圖:響應字體大小 - 適合容器

Example Screenshot

我想發生是當一個字太大,以適應其含有專區內,直到它符合將要減少大小。使用上面的截圖中我希望它看起來像這樣調整時:

Example Screenshot

我該怎麼辦呢?

read關於視口大小的排版,但它不關於div的比例。如何創建與div相關的可縮放字體?

我更喜歡CSS解決方案,但如果JS是唯一的方法,那麼我會接受這個答案。

回答

1

我從來沒有見過一個純CSS解決這一點,但我已經看到了一些JS的解決方案:

Auto-size dynamic text to fill fixed size container

你可以嘗試FitText.js

+0

感謝您的鏈接,我會看在他們身上。希望有人會提出(並由所有瀏覽器實現)一個類似於視口大小但適合包含div的新字體大小單位。 – L84 2014-10-10 00:03:38