2014-08-31 192 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(); 
});