px是相对于屏幕显示器分辨率而言的相对单位长度,一般固定布局可以用px
em是相对父元素字体大小的相对单位长度,需要灵活一点的布局用这个
浏览器默认字体16px,也就是1em=16px
给body设置font-size为62.5%那么1em=10px方便使用
我司m端习惯用em做单位,在head里加script标签里内容设置
| ||
var e = n.document, t = e.documentElement, i = 2160, d = i / 300, o = "orientationchange"in n ? "orientationchange" : "resize", a = function () { | ||
var n = t.clientWidth || 320; | ||
n > 2160 && (n = 2160),fontSize=n/d, t.style.fontSize = fontSize + "px"; | ||
document.body.style.display="block"; | ||
}; | ||
e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1)) | ||
}(window); |