本文實例講述了JS根據浏覽器窗口大小實時動態改變網頁文字大小的方法。分享給大家供大家參考,具體如下:
目前,有了css3的rem,給我們的移動端開發帶來了前所未有的改變,使得我們的開發更容易,更易兼容很多設備,但這個不在本文討論的重點中,本文重點說說如何使用js來實時改變網頁文字的大小。
代碼如下:
<script> /* 長寬占位 rem算法, 根據root的rem來計算各元素相對rem, 默認html 320/20 = 16px */ function placeholderPic(){ var w = document.documentElement.offsetWidth; document.documentElement.style.fontSize=w/20+'px'; } placeholderPic(); window.onresize=function(){ placeholderPic(); } </script>
PS:這裡再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具,功能非常強大:
JavaScript壓縮/格式化/加密工具:http://tools.jb51.net/code/jscompress
上面這款js工具中的加密功能可實現js代碼的eval函數加密形式,對此本站還提供了如下這款針對eval函數加密的解密工具,非常強大實用!
js的eval方法在線加密解密工具:http://tools.jb51.net/password/evalencode
更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。