在head中插入如下js,根据屏幕宽度设置字体大小
<script>
; (function () {
// rem换算zx
var resizeEvt = "orientationchange" in window ? "orientationchange" : "resize"
var docEl = document.documentElement
function resizeFn() {
var docW = docEl.clientWidth
if (docW > 750) {
docW = 750
}
docEl.style.fontSize = (docW * 100) / 750 + "px"
}
resizeFn()
window.addEventListener(resizeEvt, resizeFn)
})()
</script>
2.项目中使用less
定义@r:为100,只需设计图上的尺寸除以@r即可