javascript - 浏览器调整大小后，将轮播保持在页面居中的网站上？

Question

我正在做一个网站，主页是我从 here 中获取的基于 jquery 的轮播。并针对我需要它来查找站点的特定方式进行了大量修改。问题是，对于在 CSS 中查看网站的每个屏幕分辨率，我不得不手动定义每个旋转木马元素的位置，使其围绕圆形背景正确居中，如下所示:

@media (device-width: 1680px) {
    .flipster-carousel .flip-past {
        -webkit-transform: translateX(-22%) translateY(-15%) translateZ(0) scale(0.30);
        -moz-transform: translateX(-22%) translateY(-15%) translateZ(0) scale(0.30);
        -o-transform: translateX(-22%) translateY(-15%) translateZ(0) scale(0.30);
        -ms-transform: translateX(-22%) translateY(-15%) translateZ(0) scale(0.30);
        transform: translateX(-22%) translateY(-15%) translateZ(0) scale(0.30);
    }
}

我可以说这绝对不是执行此操作的最佳方法，而且这是一种非常 hacky 的方法。我发现这样做的一个大问题是，如果计算机上的浏览器窗口不是全屏显示，轮播元素将移动并偏离站点其余部分的中心。我绝对必须解决这个问题，以便在调整浏览器窗口大小时轮播将与页面的其余部分保持居中，但我什至不知道从哪里开始编码。有人可以指出我正确的方向或给我一些建议吗？我工作的网站位于 here.谢谢!

Answer 1

margin-left/right:auto 修复了它。