本文實(shí)例講述了JS根據(jù)瀏覽器窗口大小實(shí)時(shí)動態(tài)改變網(wǎng)頁文字大小的方法。分享給大家供大家參考,具體如下:
目前,有了css3的rem,給我們的移動端開發(fā)帶來了前所未有的改變,使得我們的開發(fā)更容易,更易兼容很多設(shè)備,但這個(gè)不在本文討論的重點(diǎn)中,本文重點(diǎn)說說如何使用js來實(shí)時(shí)改變網(wǎng)頁文字的大小。
代碼如下:
<script> /* 長寬占位 rem算法, 根據(jù)root的rem來計(jì)算各元素相對rem, 默認(rèn)html 320/20 = 16px */ function placeholderPic(){ var w = document.documentElement.offsetWidth; document.documentElement.style.fontSize=w/20+'px'; } placeholderPic(); window.onresize=function(){ placeholderPic(); }</script> 


















