Question

我正在开发一个网站，主页是一个基于jquery的旋转木马，我从here获取并根据我需要的特定方式进行了大量修改以查找网站。问题是，我必须手动定义每个轮播项目的位置，使其在圆形背景周围正确居中，以便在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);
    }
}

我可以说这绝对不是最好的方法，而且这是一种非常黑客的方法。我通过这种方式发现的一个大问题是，如果计算机上的浏览器窗口不是全屏，则轮播元素将从站点的其余部分移位并偏离中心。我绝对必须解决这个问题，以便在调整浏览器窗口大小时，旋转木马将与页面的其余部分保持居中，但我甚至不知道从哪里开始编码。有人能指出我正确的方向或给我一些建议吗？我正在处理的网站位于here.谢谢！

Answer 1

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

在浏览器调整大小后，将轮播保留在以页面为中心的网站上？

1 个答案: