JS根據(jù)瀏覽器窗口大小實(shí)時動態(tài)改變網(wǎng)頁文字大小的方法
本文實(shí)例講述了JS根據(jù)瀏覽器窗口大小實(shí)時動態(tài)改變網(wǎng)頁文字大小的方法。分享給大家供大家參考，具體如下：
目前，有了css3的rem，給我們的移動端開發(fā)帶來了前所未有的改變，使得我們的開發(fā)更容易，更易兼容很多設(shè)備，但這個不在本文討論的重點(diǎn)中，本文重點(diǎn)說說如何使用js來實(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動畫特效與技巧匯總》、《JavaScript錯誤與調(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)站多個實(shí)例代碼
- JavaScript 瀏覽器兼容性總結(jié)及常用瀏覽器兼容性分析
- 詳解javascript跨瀏覽器事件處理程序
- js事件處理程序跨瀏覽器解決方案
- Js與Jq獲取瀏覽器和對象值的方法
- 瀏覽器檢測JS代碼(兼容目前各大主流瀏覽器)
- 基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
- 瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之動態(tài)腳本與Ajax腳本注入
- 瀏覽器環(huán)境下JavaScript腳本加載與執(zhí)行探析之defer與async特性
- js阻止瀏覽器默認(rèn)行為的簡單實(shí)例
相關(guān)文章
style、 currentStyle、 runtimeStyle區(qū)別分析
style、 currentStyle、 runtimeStyle區(qū)別分析,需要的朋友可以參考下。2010-08-08
JavaScript常見數(shù)組方法之如何轉(zhuǎn)置矩陣
這篇文章主要給大家介紹了關(guān)于JavaScript常見數(shù)組方法之如何轉(zhuǎn)置矩陣的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03
網(wǎng)頁上的原生js日歷代碼，鼠標(biāo)點(diǎn)擊文字提示處，會顯示一個帶年月日的日歷窗口，可調(diào)整年份、月份、選擇日期等，用在網(wǎng)頁上方便大家選擇日期，提高用戶體驗(yàn)。各大瀏覽器都能正常運(yùn)行，有需要的小伙伴可以參考下。2015-04-04
本篇文章主要是對javascript獲取form里的表單元素的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
在javascript中，帶小數(shù)的數(shù)據(jù)運(yùn)算時總會出現(xiàn)好多位小數(shù).這是因?yàn)樵趈avascript中浮點(diǎn)數(shù)的計(jì)算是以2進(jìn)制計(jì)算的2014-05-05
這篇文章介紹了javascript中類型判斷的最佳方式，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
在輸入框里面預(yù)設(shè)一段提示文字，當(dāng)焦點(diǎn)在輸入框的時候清空這段文字，這在目前來說已經(jīng)不是什么新鮮事了。2011-03-03
雖然網(wǎng)上實(shí)現(xiàn)Ctrl + C的JS代碼已經(jīng)有很多了，但我還是向大家推薦一個比較好的插件zeroclipboard，兼容所有瀏覽器2010-08-08
這篇文章主要介紹了uni-app 滾動到指定位置的操作方法,其中方法一是使用標(biāo)簽,可以將頁面橫向（或縱向）滾動到指定位置還有其他多種方法,需要的朋友可以參考下2024-05-05
基于JS實(shí)現(xiàn)html中placeholder屬性提示文字效果示例
這篇文章主要介紹了基于JS實(shí)現(xiàn)html中placeholder屬性提示文字效果,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04