收藏
回答

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

这是模拟器上的显示

这是手机上的显示

这是按钮相关代码段


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


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

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

3 个回答

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

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

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

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


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

    ww

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

    04-07
    有用
    回复
登录 后发表内容
问题标签