vue3 移动端淘宝无限适配方案

1 下载淘宝适配 flexible.js 放到 assets/js文件夹里面

或者
npm i -S amfe-flexible

2 在项目的 index.html 中修改并导入

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script src="./node_modules/amfe-flexible/index.js"></script>  

如果 flexible.js 是放在 assets/js文件夹里面 则这样写

<script src="./assets/js/flexible.js"></script>  

3 使用

3.1 例如要转化为1rem=80px;将flexible.js中的10改为24,因为1920/24=80

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容