首页 > 技术文章 > vue项目中使用lib-flexible解决移动端适配的问题

sjruxe 2020-11-20 11:34 原文

1: 效果(效果更直观)
添加lib-flexible前效果(页面不会随视口变化而改变)
在这里插入图片描述

添加lib-flexible后效果(根节点会根据页面视口变化而变化font-size大小)
在这里插入图片描述
2: 安装

cnpm install lib-flexible --save
  • 1

3: 项目中导入(main文件中引入)

import 'lib-flexible'
  • 1

4: viewprot设置

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.

推荐阅读