来一份,HTML5移动端适配方案实例轮子

适合写html5移动端,架构已搭好,做了简单优化


打开速度
  • git clone 下载即用
  • terminal启用 yarn install && yarn serve
  • scss样式 布局可直接写px 无需手动转换 无需rem
  • vue-cli3 精简配置 其他需求须手动配置
  • code-spling jsdelivr externals
  • meta优化
  • devserver 端口修改
页面style代码
模拟器运行效果——三星s5
模拟器运行效果——6s

设计图为750 * 1336(苹果6手机屏幕)
在不同机型效果如图

git地址:

https://github.com/wulibaibao/h5-vw-vue

参考文献:

https://www.w3cplus.com/mobile/vw-layout-in-vue.html

只写好上手的demo。