index.html文件
<script>
(function flexible(window, document) {
var docEl = document.documentElement
// 375屏幕的font-size是100,也就是说,iphone6的font-size是100,设计稿按照750px设计,0.01rem = 1px
function setRemUnit() {
var rem = docEl.clientWidth / 7.5
docEl.style.fontSize = rem + 'px'
}
setRemUnit()
// reset rem unit on page resize
window.addEventListener('resize', setRemUnit)
}(window, document))
</script>
还可参考好文:
基于webpack的移动端适配方案