我之前只是单纯用rem
发现适配效果真的有点微乎其微 几乎没什么变化的感觉……结果发现好像其实rem就是和js一起使用才会有适配效果的 故加了这几行代码之后
<script> !(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 = 18 * (clientWidth / 375) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window) </script>
适配效果大幅增加
大概1rem=16px
网友评论