如何获得 Owl 轮播 Owl-页面（点）响应

Question

http://prntscr.com/84291c 这就是我想要回复的内容。我正在尝试使用媒体查询。

@media only screen and (min-width: 320px) {
    .owl-theme .owl-controls .owl-page + .owl-page
    }
}

我已经尝试将此代码放入我的 css 页面和 owl.theme.css

我尝试过的另一件事是将它放在我的 html 中这样的包装器中，然后在其上使用媒体查询。都没有成功。我怎样才能让它响应，以便在移动设备上查看时圆点消失？

<div class='dot-wrapper'>
  <div class='owl-controls'>
    <div class='owl-pagination'>
        <div class='owl-page'></div>
    </div>
  </div>
</div>

Answer 1

试试这个：

 @media all and (max-width: 658px) { // for mobile devices

   .dots { display:none; } // this is just an example, you can change dots with your own tags

 }