前端移动端自适应js

web前端接口开发规范
indexof/ .zip web前端开发规范手册
美团前端开发规范

javascript 代码

// 字体设置
function font(w) {
    var w = w || 640,
        docEl = document.documentElement,
        resizeEvt =
            ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’,
        recalc = function() {
            var clientWidth = docEl.clientWidth
            if (!clientWidth) return
            docEl.style.fontSize = 100 * (clientWidth / w) + ‘px’
        }
    if (!document.addEventListener) return
    window.addEventListener(resizeEvt, recalc, false)
    document.addEventListener(‘DOMContentLoaded’, recalc, false)
}
font()
// font(720);

javascript 代码

;(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt =
            ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’,
        recalc = function() {
            var clientWidth = docEl.clientWidth
            if (!clientWidth) return
            docEl.style.fontSize = 100 * (clientWidth / 640) + ‘px’
        }
    if (!doc.addEventListener) return
    win.addEventListener(resizeEvt, recalc, false)
    doc.addEventListener(‘DOMContentLoaded’, recalc, false)
})(document, window)
前端开发规范的重要性
前端开发规范制定
前端开发规范测试真题
» 本文来自:前端开发者 » 《前端移动端自适应js》
» 本文链接地址:https://www.rokub.com/6329.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!