JavaScript

超轻量级php框架startmvc

几行js代码实现自适应

更新时间:2020-04-25 10:15:01 作者:startmvc
在javascript写下如下几行:(function(doc,win,undefined){vardocEl=doc.documentElement,resizeEvt='orientationchange

在javascript写下如下几行:


(function (doc, win, undefined) {
 var docEl = doc.documentElement,
 resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',
 recalc = function () {
 var clientWidth = docEl.clientWidth;
 if (clientWidth === undefined) return;
 docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
 };
 if (doc.addEventListener === undefined) return;
 win.addEventListener(resizeEvt, recalc, false);
 doc.addEventListener('DOMContentLoaded', recalc, false)
 })(document, window);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

js 自适应