页面布局开发模拟器和手机上显示不一样
发布于 5 年前 作者 fengyong 11933 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现

  • 复现路径
  • 提供一个最简复现 Demo

.page {

text-align: center;

}

.grid {

display: grid;

grid-template-columns: repeat(2, 1fr);

grid-gap: 10px;

}

.span-col-2{grid-column: span 2 / auto;}

.span-row-3{grid-row: span 3 / auto;}

<view class=“page”>

<view class=“grid”>

<view class=“span-col-2”>Item 1</view>

<view class=“span-row-3”>Item 2</view>

<view>Item 3</view>

<view>Item 4</view>

<view>Item 5</view>

<view class=“span-col-2”>Item 6</view>

<view>Item 7</view>

<view>Item 8</view>

<view>Item 9</view>

</view>

</view>

2 回复

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

手机上显示正常。

回到顶部