解决使用rem布局，vant组件样式变小的问题

解决使用rem布局，vant等移动端组件会出现样式变小的问题，原因如下：

1，rem布局是根据 html根节点的font-size处理的。

（1）通常使用flexible.js（淘宝团队的移动端布局处理方式）就可以，当然使用其他的也是一样的。

2，vant，min-ui，等移动端UI组件库，不兼容rem的布局方式。

（1）因为两者使用的单位不一样，vant等使用的是 px 单位，我们项目中使用的是 rem

3，所以使用 rem 布局时，引入 vant 等组件时，UI组件会缩小。

解决使用rem布局，vant等移动端组件会出现样式变小的问题，解决方案如下：

说了一大堆，

解决方案 放上

head标签中 添加以下代码即：meta 标签，起作用的代码是： content 里面的内容

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

结果如图：