【报Bug】关于uni-grid在内置模拟器和真机环境下表现不一的情况

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 22H2

HBuilderX类型：正式

HBuilderX版本号： 3.8.7

手机系统： Android

手机系统版本号： Android 12

手机厂商：小米

手机机型： MI10

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<uni-grid :column="2" :showBorder="false" :square="false" style="margin-top: 10rpx;width: 100%;" :highlight="false">
<uni-grid-item>
<view class="gridContainer" @click="onProjectManage">
<view class="gridText">项目管理</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">检查对象</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">检查计划</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">检查表</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">检查实施</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">隐患汇总</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">隐患整改</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="gridContainer">
<view class="gridText">隐患报告</view>
<image class="gridImage" src="../../static/HZ.png"></image>
</view>
</uni-grid-item>
</uni-grid>

使用uni-grid组件在内置模拟器上布局没问题，使用真机调试则grid布局会崩，解决办法是设置uni-grid的width为100%如图左侧为内置模拟器，右侧为多屏协同的手机镜像（真机环境）

2023-07-27 14:24 负责人:无分享

要回复问题请先登录或注册