微信小程序 scroll-view 横向滚动问题

   <scroll-view scroll-x="true" class="scroll_view" >
<view class="text1" style="background:red">111</view>
<view class="text2"  style="background:orange">2222</view>
<view class="text3"  style="background:blue">3333</view>
</scroll-view>

.scroll_view{
width: 100%;
/* display:flex; */
height: 200rpx;
white-space: nowrap;
}
.text1,.text2,.text3{
display:inline-block;
width: 750rpx;
height: 200rpx;
}