收藏
回答

flex 上下左右居中边框真机上无效,微信开发者工具上正常,如何解决?

开发者工具版本 1.03.2005140,当前最新稳定版

微信为安卓当前最新版,操作系统为安卓10.1.0 ,机型为华为Mate 30 5G

左边正常的为模拟器效果,右边为真机新效果

代码片段 https://developers.weixin.qq.com/s/9HlzGamE7Vis


下面这种写法,content 可以居中,也就是文字上面再套一层就可以,但按钮中间的边线,真机上始终没有

最后一次编辑于  2020-06-17
回答关注问题邀请回答
收藏

2 个回答

  • 微盟
    微盟
    2020-06-17

    cover-view貌似不支持flex布局,可以尝试使用更原始的居中方式替代

    2020-06-17
    有用
    回复 1
    • 小淼焱
      小淼焱
      2020-06-17
      多套一层我这测试可以
      2020-06-17
      回复
  • 豹富
    豹富
    2020-06-17

    1.代码片段

    2.真机调试元素审查看看样式怎么了

    2020-06-17
    有用
    回复 5
    • 小淼焱
      小淼焱
      2020-06-17
      https://developers.weixin.qq.com/s/9HlzGamE7Vis
      2020-06-17
      回复
    • 小淼焱
      小淼焱
      2020-06-17
      2020-06-17
      回复
    • 小淼焱
      小淼焱
      2020-06-17
      没太看出来的
      2020-06-17
      回复
    • 豹富
      豹富
      2020-06-17回复小淼焱
      代码片段我都不用看了,看图就知道。cover-view是原生组件,不能用flex布局。因为开发者工具是网页模拟,所以样式生效了。以真机为准
      2020-06-17
      回复
    • 小淼焱
      小淼焱
      2020-06-17回复豹富
      在文字外面再套一层cover-view 就可以
      2020-06-17
      回复
登录 后发表内容
问题标签