页面布局开发模拟器和手机上显示不一样
- 当前 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>