收藏
回答

页面布局开发模拟器和手机上显示不一样

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 6.7.0 2.2.5

- 当前 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 个回答

登录 后发表内容