我被困住了...
我有一个幻灯片，带有 1920px X 400px 图像。照原样，图像仅在我在 1920px+ 浏览器窗口上全屏时居中。如果我将窗口大小调整为 1600 像素，图像会向中心右侧移动，与网站的其余部分不对齐。
我希望幻灯片在缩放浏览器窗口的宽度时保持居中，并根据浏览器的宽度向左和向右显示/隐藏图像区域。我不想缩放图像比例，也不能使用背景图像，这两种方法都很容易解决。
我假设有一个 JS 侦听器，它计算图像宽度和浏览器窗口的宽度以连续将其显示在中心。
演示站点在这里： http://bit.ly/YdMZDO
在 .slides-wrapper 上添加以下样式：
left: 50%;
margin-left: -960px; // half the width of your image block