详解vue.js移动端配置flexible.js及注意事项

下面是本人写的实例代码，可以参考

原始代码：

.box{
  width: 150px;
  font-size: 28px; /*px*/
  border: 1px solid #ddd; /*no*/
}

编译后生成代码：

.box{
  width: 2rem;
  border: 1px solid #ddd;
}
[data-dpr="1"] .selector {
  font-size: 14px;
}
[data-dpr="2"] .selector {
  font-size: 28px;
}
[data-dpr="3"] .selector {
  font-size: 42px;
}

这样基本配置就完成了，重启项目就可以使用lib-flexible+rem编写移动端页面了

后缀

交个朋友，可以一起进阶前端学习

找到我： GitHub

总结

以上所述是小编给大家介绍的vue.js移动端配置flexible.js及注意事项，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！