css - 使用rem布局的问题-PHP中文網路問答

文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

css - 使用rem布局的问题

怪我咯 2017-04-17 15:02:22

376

是这样的，看到网上有说可以动态定义根元素的font-size，我使用了document.documentElement.clientWidth/10来定义的，设计稿的宽度是750，按理来说在iphone6上的font-size要为75的，可是，我的却是37.5，然后就很迷茫了

怪我咯

走同样的路，发现不同的人生

全部回覆 (2)

阿神2017-04-17 15:04:22 2樓

;(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);