公告列表
公告列表
收藏
回答

模拟器中多按钮显示在一排，预览到手机上就又变成每个按钮一排了，怎么回事啊？

这是模拟器上的显示

这是手机上的显示

这是按钮相关代码段


这是代码片段https://developers.weixin.qq.com/s/V4x4Nqmo73g5


模拟器换成iPhone5和手机显示一样会变成两排，然后我怎么调宽度都没办法并排。。。

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

3 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子    2020-04-07

    麻烦提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2020-04-07
    有用
    回复 2
  • \
    \    2020-04-07

    样式里面设置的margin属性在手机端调试的时候去掉看看，应该是宽度问题挤下来了


    2020-04-07
    有用
    回复 7
    • 我我
      我我
      2020-04-07
      没有设置margin属性呀
      2020-04-07
      赞
      回复
    • \
      \      2020-04-07回复我我
      button原生样式里就有默认的margin，你在手机端调试的时候去掉试试
      2020-04-07
      赞
      回复
    • 我我
      我我
      2020-04-07回复\
      默认是auto改成固定值0后还是不能处在一排，我贴上代码片段了，麻烦了
      2020-04-07
      赞
      回复
    • \
      \      2020-04-07回复我我
      我试了下代码片段在iPhone5模拟的时候是出现了你说的情况，屏幕稍大点的就不会，所以解决办法就是兼容小屏幕：做法1.在全局样式文件里写css的媒体查询，针对宽度640px以下设备单独给button宽度；做法2.在当前页面的样式文件里单独写这个样式给button继承，用百分百固定宽度。
      2020-04-07
      赞
      回复
    • \
      \      2020-04-07
      建议方法2，代码className{width: 50%!important;}
      2020-04-07
      赞
      回复
    查看更多(2)
  • 我我
    我我
    2020-04-07

    ww

    手机上微信已经是最新版本了

    2020-04-07
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
模拟器预览