Question

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

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

我已尽力了，但只能使用window.onresize事件调用在javascript中实现此功能，并且想知道是否有CSS方法可以执行此操作。

Answer 1

您需要应用一个百分比width，以及固定的min-width和margin: 0 auto，以使其保持中心

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