swiper3.3.1在华为P9上变成上线排列？？？

你快坐下吧丶

<div class="swiper-container">
        <div class="swiper-wrapper">
                    <a href="#" class="swiper-slide">
                        <img alt="" src="1.jpg" style="width: 100%;height: 200px;border: none;" >
                    </a>
                   <a href="#" class="swiper-slide">
                        <img alt="" src="2.jpg" style="width: 100%;height: 200px;border: none;" >
                    </a>
         </div>
         <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

以上的代码在华为P9自带浏览器上变成上下排列了两张图片，正常应该轮播的地方变成了空白？？？？
请问有人知道怎么解决吗？

heFunction

给个线上链接或者截个图