2014-08-31 223 views
0

我想知道是否有方法根據屏幕寬度更改主體字體大小。自動更改主體字體大小

例如:當屏幕的寬度增加1px的,身體字體大小將從100%變更爲100.1%

感謝

+1

https://developer.mozilla.org/en-US/docs/Web/CSS/length#Viewport-percentage_lengths – CBroe 2014-08-31 19:38:57

+1

作爲@CBroe指出:http://jsbin.com/vimexu/1/編輯 – 2014-08-31 19:41:15

+1

謝謝,我不知道存在 – Simon 2014-08-31 19:44:05

回答

0

你應該使用窗口大小調整事件。例如,下面的代碼可能是一個。

var prevWidth = $(window).width(); 
$(window).resize(function() { 
    $('body').css('font-size',(100 + ($(window).width() - prevWidth)/100) + '%'); 
    prevWidth = $(window).width(); 
});