2013-04-17 100 views
0

我正在尋找一個解決方案,它比斷點更精確。我知道這將需要JavaScript,但我無法找到合適的插件。根據div寬度調整文本大小

我網站上的大部分文字都會保持不變,或者我會簡單地用媒體查詢進行調整(比如平板電腦和手機的90%)。這很好,但我正在尋找一個「實時」解決方案」的領域,如我的導航菜單,我的橫幅。

See the site here

你可以看到我的文字是相對的,使用ems與大小一個基本的字體大小爲100%

如果你調整網站的大小,你會發現菜單「崩潰」,因爲字體太大了,我很想找到一個JS解決方案,到導航欄的寬度,以便我可以始終將它全部保留在一行上(在移動寬度,它將進入摺疊菜單)

+0

如果您已經在使用媒體查詢,爲什麼不添加一些規則可以在特定屏幕寬度以下縮小字體大小?這是乾淨的解決方案,不添加一些JS。鑑於字體大小並不是真正的粒度(總是有一個從11到10點,從10到9等的切換點),無論如何,實施「滑動縮放」解決方案沒有意義。 –

+0

我看你有jquery,所以這應該很容易。在onresize事件中添加類似$('someSelector').css('font-size',<一些公式含有with in> +'px')的東西。 – zozo

+0

這可能有所幫助:http://stackoverflow.com/questions/15420151/manipulate-jquery-menu-on-re-size-for-responsive-layout/15592351#15592351 – razzak

回答

相關問題