1***@qq.com
1***@qq.com
  • 发布:2019-11-25 18:56
  • 更新:2020-04-11 10:58
  • 阅读:1007

uniapp-发布适配pc优化,何时可以呢

分类:uni-app

你好,官方

  近期有计划升级吗?
2019-11-25 18:56 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

PC宽屏界面适配优化,何时进行

zzzzzfreea

zzzzzfreea

  • 1***@163.com

    老哥这个哪里找的啊

    2020-04-26 14:38

  • zzzzzfreea

    回复 1***@163.com: 地址都发了,来源忘了

    2020-05-14 14:32

  • 1***@163.com

    回复 zzzzzfreea: OK 了 看懂了

    2020-05-15 10:53

  • 9***@qq.com

    回复 1***@163.com: 这个怎么实现的呢

    2020-05-21 13:58

  • 1***@163.com

    回复 9***@qq.com: 套一个盒子

    2020-05-21 16:23

  • 1***@163.com

    回复 1***@163.com: web

    2020-05-21 16:23

  • uniapp追随者

    解决方案很简单,在自定义的h5 template文件head中,修改<script></script>中的代码:


    <script>  
    document.addEventListener('DOMContentLoaded', function() {
    // #ifdef H5
    window.innerWidth = Math.min(window.innerWidth, 750)
    document.documentElement.style.fontSize = window.innerWidth / 20 + 'px'
    // #endif

    // ifndef H5
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
    // endif
    })
    </script>

    具体也可以查看这篇文章:uni-app H5 平台在 PC 端实现适配

    2020-05-25 14:32

zzzzzfreea

zzzzzfreea

如案例图

  • uniapp追随者

    解决方案很简单,在自定义的h5 template文件head中,修改<script></script>中的代码:


    <script>  
    document.addEventListener('DOMContentLoaded', function() {
    // #ifdef H5
    window.innerWidth = Math.min(window.innerWidth, 750)
    document.documentElement.style.fontSize = window.innerWidth / 20 + 'px'
    // #endif

    // ifndef H5
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
    // endif
    })
    </script>

    具体也可以查看这篇文章:uni-app H5 平台在 PC 端实现适配

    2020-05-25 14:33

  • zzzzzfreea

    回复 uniapp追随者: 不错,赞,有没有商品详情锚点跳转的解决方法

    2020-06-12 10:39

  • uniapp追随者

    回复 zzzzzfreea: 具体是啥意思

    2020-06-17 09:57

  • zzzzzfreea

    回复 uniapp追随者: 点击tab标签定位到某个位置,或者滚动到某个位置tab高亮,像这种商品详情经常见

    2020-06-24 13:51

该问题目前已经被锁定, 无法添加新回复