做了两个移动端项目，一个静态，一个vue
静态：
在html页面head标签里计算，一般设计图是750，width/7.5即在设计图上测量px单位的尺寸，然后除以100转换成rem单位后直接使用就可以了
<script> var html = document.querySelector('html'); changeRem(); window.addEventListener('resize', changeRem); function changeRem() { var width = html.getBoundingClientRect().width; html.style.fontSize = width / 7.5 + 'px'; } </script>vue
在APP.vue的created里计算，在页面直接使用，保存即可更新页面
created() { /** * 页面自适应方法 使用rem单位 * 需要根据布局视口的尺寸动态设置font-size的值 * 无论在什么设备下，我们页面的总宽度都是7.5rem，所以我们直接在设计图上测量px单位的尺寸，然后除以100转换成rem单位后直接使用就可以了 * 比如，在设计图中测量一个元素的尺寸为200px，那么转换成rem单位就是 200 / 100 = 2rem */ var html = document.querySelector('html'); changeRem(); window.addEventListener('resize', changeRem); function changeRem() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; } }以上，现在好像出了新的方法~
