手机页面字号大小 html,html手机站字体根据屏幕大小自动适应

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

下面我们分享一段JS代码解决这个问题：

body{font-size：0.6rem；}

//使用rem策略，不断更新html的fontsize

(function(){

function sizeHtml(){

window.mtSizeBase = $(window).width()/16;

window.mtSizeBase = window.mtSizeBase>45?45:window.mtSizeBase;

$("html").css("font-size",window.mtSizeBase+"px");

}

sizeHtml();

$(window).resize(function(){

setTimeout(function(){

sizeHtml();

},300);

});

})();

转载请注明来源网址：http://www.maimuban.com/news/1638.html