js移動端自適應動態設定html的fontsize
阿新 • • 發佈:2018-12-23
JS設計移動端頁面時會遇到自適應問題,大多數都知道用rem來設定頁面的比例大小,下面就來說幾種常見的html中的fontsize設定方法:
1.使用flexible.js外掛庫。 淘寶就是利用這個來設定的。重點說下第二種方法;
2.以下是比較簡介的方法:
$(function(){ initpage(); $(window).resize(function() { initpage(); }) function initpage() { var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width; var _html = document.getElementsByTagName('html')[0]; view_width>640?_html.style.fontSize=640/16 +'px':_html.style.fontSize =view_width/16+'px'; } });