javascript - 如何以图像居中的方式获取网站的位置设置？

Question

这个标题可能不是最好的，这是我正在寻找的一个例子：http ://www.teslamotors.com/en_CA/models

请注意图像如何停留在中间，并从两侧均匀“缩小”或缩小，直至达到一定宽度，然后网站停止缩小。

我已经尽力了，但只能使用 window.onresize 事件调用在 javascript 中实现这一点，并且想知道是否有 CSS 方法可以做到这一点。

score 2 · Accepted Answer

您将需要应用一个百分比width以及一个固定值min-width，并margin: 0 auto使其居中。

.content {
    width: 70%;
    min-width: 400px;
    margin: 0 auto;
}

1 回答 1