響應文本大小

是否可以設置字體大小，以便文本填充可用空間，然後在窗口大小調整後使用p元素更改其大小？響應文本大小

在我的演示（鏈接爛爲2015年3月的）前面兩個文本設置爲填補試錯款，如果窗口大小的文本包裹。

2013-07-04 ttmt

我曾經見過使用Javascript的工作，但它的工作原理很緊張的，因爲劇本需要放大和縮小文本，直到它適合。我想我沒有看到更好的解決方案，我不知道它會如何工作。使腳本正常工作的唯一方法是腳本知道字體中每個字母的確切像素大小，包括校正字距。如果知道，它可以計算文本寬度而不顯示它。 – GolezTrol

FitText只是如果你想使用它的標題，不建議整個段落。

編輯

FitText似乎需要調整，以獲得適當的配合......

當然，每個案件都是不同的。雖然開箱即用，但它的確運行良好，下面是一個演示，其中壓縮器的默認$("#fittext1").fitText();設置和CSS的小改動。

http://jsfiddle.net/panchroma/mSt5Y/

來源

2013-07-04 20:56:02

我看過FitText，但我不認爲它適用於我。我需要它將被動態生成的標題。 FitText似乎需要進行調整才能獲得適當的配合。 – ttmt

從理論上講，CSS3引入了應該允許取決於視口寬度的任何大小的vw單元（[示例]（http://jsfiddle.net/mSt5Y/10/））。不幸的是，它現在只能在Firefox中使用。在窗口大小調整後，Webkit瀏覽器和IE10不會重新調整以vw爲單位設置的字體大小。 –

有趣的可能性@IlyaStreltsyn，再加上有一個polyfil聲稱可以將vw單元支持擴展到大多數瀏覽器，包括IE 5.5+，vminpoly - https://github.com/saabi/vminpoly –

響應文本大小

回答

相關問題