在assets => js => rem.js

 export default {
init () {
let sw = document.documentElement.clientWidth
if (sw > 550) {
sw = 550
}
document.documentElement.style.fontSize = sw / 375 * 1.25 * 100 + '%'
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
location.reload()
}, false)
}
}

App.vue

 import rem from '@/assets/js/rem.js'
export default {
mounted () {
rem.init()
}
}

使用时如果是375px的设计图,量取的px / 20, 比如量取50px / 20 = 2.5rem;

如果是750px设计图则  / 40

最新文章

  1. 剑指Offer面试题:11.打印1到最大的n位数
  2. Cocoapods的安装
  3. Oracle 物理备份--rman
  4. 错误“Sources”参数中指定了多次。“Sources”参数不支持重复项。
  5. http协议读书笔记1-概述
  6. 人生导师——如何学习C++的Windows方向
  7. PHP解析JSON和XML方法
  8. Node.js和mybatis分别实现mysql中like变量模糊查询
  9. Zepto源码解读
  10. (DT系列五)Linux kernel 是怎么将 devicetree中的内容生成plateform_device
  11. (转)HiddenField控件的使用
  12. Visual Studio之Nuget(服务器)
  13. Egret是一套完整的HTML5游戏开发解决方案
  14. 寻找最大的k个数
  15. SLAM+语音机器人DIY系列:(二)ROS入门——6.编写简单的service和client
  16. apache http跳转到https代码
  17. os.remove异常处理
  18. Linux权限总结
  19. rem实现自适应
  20. <转>详解C++的模板中typename关键字的用法

热门文章

  1. Bootstrap 警告框
  2. springboot配置redis+jedis,支持基础redis,并实现jedis GEO地图功能
  3. 【JVM】内存区域
  4. REF游标
  5. Python基础教程(002)--编译型语音和解释器
  6. 数组转xls格式的excel文件&数据转csv格式的excle
  7. 提供 web前端、H5、html页面 技术服务
  8. tar的具体参数和用法!
  9. 自动化测试之CSS定位
  10. SQL server 2012序列号 注册码