美文网首页
来一份,HTML5移动端适配方案实例轮子

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

作者: 赖次Go | 来源:发表于2019-05-27 15:33 被阅读0次

    适合写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。

    相关文章

      网友评论

          本文标题:来一份,HTML5移动端适配方案实例轮子

          本文链接:https://www.haomeiwen.com/subject/kuyhtctx.html