我有一个使用jQuery移动格式的网页，该网页使用Owl Carousel & Photoswipe，在移动尺寸上查看时给我带来了麻烦。 问题是，在纵向大小的手机(iPhone 5(上查看时，显示的一张图像偏离中心。 我注意到有Javascript将内联样式应用于ul，具有.owl-carousel.owl-theme类，它将显示设置为阻止。 如果我在使用 Chrome 中的开发人员工具在移动视图中调试页面时将其切换为内联，则一个图像会正确居中。 如果我尝试将其硬编码到 CSS 中，那么所有图像都会堆叠在一起，您只能单击一个图像(这是不正确的行为，因为轮播/图库中有三个图像(。
有谁知道我的问题是什么，以及如何解决它，以便在从移动设备纵向查看时(当仅显示一个轮播图像时(，图像在页面上正确居中？ 我还有其他页面具有类似的 CSS 用于轮播(虽然不是 jQuery Mobile(，并且在移动设备上查看时行为是正确的，所以我被难住了！ 感谢您给予的任何帮助！
试试这个CSS
.CSS
ul.owl-carousel{
padding:0;
text-align:center;
}
希望这有帮助..
我就是这样做的。基于钱德拉·谢哈尔的回答，但似乎插件现在使用的是divs 而不是 ul;我还添加了一个移动查询。
@media only screen and (max-width: 450px) {
div.owl-carousel {
padding:0;
text-align:center;
}
}