scroll-view横向滚动真机测试失败
scroll-view在开发工具上设置横向滚动，效果是正常的，但是在真机上横向滑动的时候，整个手机屏幕跟着左移，这是为什么阿？我的scroll-view属性：
white-space: nowrap;
display: flex;
我的view属性
display: inline-block;
height: 100rpx;
10 回复
您能 帮忙看一下吗 感激不尽
.recommend_scroll_x_box {
white-space: nowrap;
display: block;
}
您好， 我也出现同样的问题了，能告诉我一下是怎么解决的吗， O(∩_∩)O谢谢
<view class="content-tuijian">
<view class="tuijian-title">{{content.cat_name}}</view>
<view>
<scroll-view class="recommend_scroll_x_box" scroll-x="true">
<view class="recommend_hot_box" wx:for="{{tuijian}}" bindtap="goContent" data-id="{{item.id}}">
<image src="{{item.thumb}}" class="recommend_hot_image"></image>
<view style='margin-top: 30rpx;'></view>
<view class="re-title">{{item.title}}</view>
</view>
</scroll-view>
</view>
</view>
.content-tuijian {
margin-left: 0rpx;
margin-top: 0rpx;
}
.tuijian-title {
margin-bottom: 30rpx;
margin-top: 30rpx;
}
.recommend_scroll_x_box {
white-space: nowrap;
display: flex;
}
.recommend_hot_box {
position: relative;
/* width: 750rpx; */
width: 100%;
height: 400rpx;
margin-right: 0rpx;
margin-left: 0rpx;
display: inline-block;
}
.recommend_hot_image {
margin-left: 25rpx;
width: 700rpx;
height: 380rpx;
border-radius: 10rpx;
margin-bottom: 70rpx;
}
.re-title {
height: 0rpx;
line-height: 0rpx;
white-space: pre-line;
position: absolute;
bottom: -26rpx;
font-size: 34rpx;
font-weight: bold;
padding-top: 50rpx;
margin-top: 30rpx;
margin-left: 30rpx;
}
.js){kind=avatar}
谢谢 ， 这个是在哪里哈
这还有人谢谢，我是问问题的，尴尬
谢谢分享@小东哥
white-space: nowrap;
display: block;
应该是你的css样式兼容问题，请提供下代码看看
我已经解决，谢谢官方回复