JS根據瀏覽器視窗大小即時動態改變網頁文字大小的方法_javascript技巧

本文實例講述了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遍歷演算法與技巧總結》及《Java數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所幫助。