響應字體大小NOWRAP

我想在屏幕上顯示文本的一行，使得：響應字體大小NOWRAP

Width: 100％
Fonts-size是最大可能的基於瀏覽器只寬度
一條線（ nowrap）
鑑於font-family

我的ID ea將啓動一個隱藏的div和隨機的font-size，然後運行jQuery以「蠻力」來增加或減少font-size，以使其寬度接近瀏覽器寬度。

有沒有最好的方法來做到這一點？很好，如果我能看到一些例子。謝謝。

來源

2013-01-09 HP.

在這裏發佈您的代碼 – DON

嘗試[FitText.js]（http://fittextjs.com/） – Mottie

可能的重複：http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to-填充固定大小容器 –

這是解決

http://simplefocus.com/flowtype/

$('body').flowtype({ 
    minimum : 500, 
    maximum : 1200 
});

下載https://github.com/simplefocus/FlowType.JS

最好的Web排版：基於元素寬度的字體大小和行高。

來源

2013-08-22 03:00:57

請注意，[鏈接只有答案]（http://meta.stackoverflow.com/tags/link-only-answers/info）是不鼓勵，所以答案應該是一個終點尋找一個解決方案（而不是另一個引用的中途停留，這往往會隨着時間推移而變得陳舊）。請考慮在此添加獨立的摘要，並將鏈接保留爲參考。 – kleopatra

我會找出文本有多寬的比例字體的高度，然後像做

var w = [parentElement].clientWidth; [textElement].style.fontSize = w*ratio;

來源

2013-01-09 05:20:47 twinlakes

響應字體大小NOWRAP

回答

相關問題