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>
答案 0 :(得分:0)
试试这个:
@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
}