scroll-view组件真机iphone6s调试时,会堆叠到一起,而模拟器显示正常?
发布于 4 年前 作者 litao 9701 次浏览 来自 官方Issues

手机型号:iphone6s,系统版本:ios9.3.2,附上截图.

 <scroll-view class="recommendScroll" enable-flex scroll-x scroll-y="false">
            <view class="scrollItem" wx:for="{{recommendList}}" wx:key="id">
                <image src="{{item.picUrl}}"></image>
                <text>{{item.name}}</text>
            </view>
  </scroll-view>
/* 内容区域 */
.scrollItem {
    width200rpx;
    margin-right20rpx;
}
.recommendScroll {
    display: flex;
}
.scrollItem image {
    width200rpx;
    height200rpx;
    border-radius10rpx;
}

,请问怎么处理?

3 回复
.scrollItem {
  flex-shrink: 0
}

试试这个样式

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

你在父级加一个强制不换行属性试试

回到顶部