收藏
回答

小程序界面匹配

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 需求 Android 7.1.2 小米5X 6.6.7

开发工具的界面和真机的界面差距较大


开发工具:


真机运行二维码



回答关注问题邀请回答
收藏

2 个回答

  • 2018-07-31

    问题出在你的css


    .grid-item {

    display: inline-block;

    }


    display: inline-block 用法

    • 简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。



    2018-07-31
    有用
    回复 2
    • 🌵  10🚗
      🌵 10🚗
      2018-07-31

      不是,问题是 微信是否支持

      display: grid;

      的支持


      网格布局

      display: inline-block;

      是必要的,网格布局的前提是元素必须可以在同一行内伸缩

      2018-07-31
      回复
    • 2018-07-31

      无从得知是否支持,建议你可以使用「WeUI for 小程序」使用其基础组件中的Grid实现预期效果。

      项目地址:https://github.com/Tencent/weui-wxss


      2018-07-31
      回复
  • 灵芝
    灵芝
    2018-07-30

    你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-30
    有用
    回复 3
登录 后发表内容