图1是模拟器，图2是真机
wxml：

<view class=“exchange_rule fl”>

    1.

    <view>

        当您希望兑换商品时，请联系我们，我们将在24小时内将咖啡券发到您的账户;

    </view>

</view>

<view class=“exchange_rule fl”>

    2.

    <view class="">

        如需兑换一包咖啡豆(500g)，我们将在一周内为您送达;

    </view>

</view>

<view class=“exchange_rule fl”>

    3.

    <view class="">

        本活动最终解释权归啡鱼咖啡所有;

    </view>

</view>

<view class=“exchange_rule fl” bindtap=“tele”>

    4.

    <view class="">

        如有疑问请联系客服0571-8861-2970。

    </view>

</view>

css：.exchange_rule{    font-size: 28rpx;    line-height: 40rpx;    color: #666;    font-weight: 400;}.fl{display:flex;}

flex布局在模拟器上是没有问题得，但是到了真机和模拟器展示的效果不同，求解