如何适配移动端呢？

发表于 | 分类于 |
字数统计: 113 字 | 阅读时长 ≈ 1 分钟

可使用flexible框架

  • 在head标签引入文件
1
2
<script src="./common/flexible.debug.js"></script>
<script src="./common/flexible_css.debug.js"></script>
  • 注释
1
<meta name="viewport" content="width=device-width, initial-scale=1"> -->

然后html会在不同的设备下产生不同的font-size值，我们可以利用px2rem进行书写css，以达到自动适配的目的。对于gulp配置px2rem的方法，详情写gulp-px2rem