美文网首页
vue3 移动端淘宝无限适配方案

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

作者: 天上飞的狒狒 | 来源:发表于2024-10-10 14:49 被阅读0次

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

相关文章

网友评论

      本文标题:vue3 移动端淘宝无限适配方案

      本文链接:https://www.haomeiwen.com/subject/oppwrjtx.html