/gc

Primary LanguageHTML

本项目是在vue-cli基础上根据公司自身的情况打造的移动端脚手架，只需运行脚手架，就可以初始化整个项目。

项目技术架构

  • Vue.js : 前端页面展示
  • Vuex : 全局状态通信
  • axios：网络请求
  • Vue-router：路由跳转
  • Vux：移动端UI组件库
  • fastclick：去除点击延时
  • vue-scroller：刷新组件
  • reset.css：初始化浏览器样式
  • lib-flexible：移动端rem布局
  • px2rem-loader：自动将px转换为rem

参考资料

移动端适配

  • 根据不同屏幕动态写入font-size，以rem作为宽度单位，固定布局视口。

首先设置理想视口: <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 接下来计算 html 元素的 font-size,将可视视口的宽度乘以一个系数:

  • 喜欢的请点心，关注，star ,fork,这些是我坚持下去的动力