JS根據(jù)瀏覽器窗口大小實(shí)時(shí)動(dòng)態(tài)改變網(wǎng)頁文字大小的方法
本文實(shí)例講述了JS根據(jù)瀏覽器窗口大小實(shí)時(shí)動(dòng)態(tài)改變網(wǎng)頁文字大小的方法。分享給大家供大家參考,具體如下:
目前,有了css3的rem,給我們的移動(dòng)端開發(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>
PS:這里再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具,功能非常強(qiáng)大:
JavaScript壓縮/格式化/加密工具:http://tools.jb51.net/code/jscompress
上面這款js工具中的加密功能可實(shí)現(xiàn)js代碼的eval函數(shù)加密形式,對此本站還提供了如下這款針對eval函數(shù)加密的解密工具,非常強(qiáng)大實(shí)用!
js的eval方法在線加密解密工具:http://tools.jb51.net/password/evalencode
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- 基于JS判斷iframe是否加載成功的方法(多種瀏覽器)
- JavaScript編寫檢測用戶所使用的瀏覽器的代碼示例
- js根據(jù)手機(jī)客戶端瀏覽器類型,判斷跳轉(zhuǎn)官網(wǎng)/手機(jī)網(wǎng)站多個(gè)實(shí)例代碼
- JavaScript 瀏覽器兼容性總結(jié)及常用瀏覽器兼容性分析
- 詳解javascript跨瀏覽器事件處理程序
- js事件處理程序跨瀏覽器解決方案
- Js與Jq獲取瀏覽器和對象值的方法
- 瀏覽器檢測JS代碼(兼容目前各大主流瀏覽器)
- 基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
- 瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之動(dòng)態(tài)腳本與Ajax腳本注入
- 瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之defer與async特性
- js阻止瀏覽器默認(rèn)行為的簡單實(shí)例
相關(guān)文章
script不刷新頁面的聯(lián)動(dòng)前后代碼
如何實(shí)現(xiàn)script不刷新頁面的聯(lián)動(dòng),在本文有個(gè)不錯(cuò)的示例或許對大家有所幫助2013-09-09JS關(guān)于?replace?取值、替換第幾個(gè)匹配項(xiàng)問題小結(jié)
這篇文章主要介紹了JS關(guān)于replace取值、替換第幾個(gè)匹配項(xiàng),本文針對字符串的替換、截取知識(shí)點(diǎn)做詳細(xì)介紹,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05javascript 實(shí)現(xiàn)動(dòng)態(tài)側(cè)邊欄實(shí)例詳解
這篇文章主要介紹了javascript 實(shí)現(xiàn)動(dòng)態(tài)側(cè)邊欄實(shí)例詳解的相關(guān)資料,并附實(shí)例代碼,幫助大家學(xué)習(xí)理解,需要的朋友可以參考下2016-11-11JS報(bào)錯(cuò)Uncaught?TypeError:?XXX?is?not?a?function的解決方法
這篇文章主要給大家介紹了關(guān)于JS報(bào)錯(cuò)Uncaught?TypeError:?XXX?is?not?a?function的解決方法,本來好好的,突然就出現(xiàn)的錯(cuò)誤,不過這并不是什么難解決的錯(cuò)誤,需要的朋友可以參考下2023-08-08Javascript 實(shí)現(xiàn)計(jì)算器時(shí)間功能詳解及實(shí)例(二)
這篇文章主要介紹了Javascript 實(shí)現(xiàn)計(jì)算器時(shí)間功能詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01使用微信小程序開發(fā)彈出框應(yīng)用實(shí)例詳解
本文通過實(shí)例代碼給大家介紹了使用微信小程序開發(fā)彈出框功能,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10