Javascript 如何获得一个网站'；以图像居中的方式定位设置？

这个标题可能不是最好的，下面是我想要的一个例子：

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

---

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

您需要应用一个百分比

宽度

，以及一个固定的

最小宽度

，以及

边距：0 auto

，以保持其居中

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