js实现适配不同的屏幕大小
程序员文章站
2022-09-04 21:02:40
话不多说,请看代码:
// 通过js适配不同的屏幕大小
(function (doc, win) {
var docel = doc.documentel...
话不多说,请看代码:
// 通过js适配不同的屏幕大小 (function (doc, win) { var docel = doc.documentelement, resizeevt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientwidth = docel.clientwidth; if (!clientwidth) return; // 根据设备的比例调整初始font-size大小 if(clientwidth>640) clientwidth = 640; docel.style.fontsize = 50 * (clientwidth / 320) + 'px'; }; if (!doc.addeventlistener) return; win.addeventlistener(resizeevt, recalc, false); doc.addeventlistener('domcontentloaded', recalc, false); })(document, window);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
上一篇: [Redis] redis业务实践 , 这次用哈希
下一篇: 生姜对男性的三大奇效 治疗肾虚阳痿