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