如何居中图像，但只有1200px的1920px？

Question

我制作了1920px的图像，但是当我调整窗口大小时，我希望我的img居中但只有1200px（从正中心开始，所以左边是600px，右边是600px）。我知道margin：auto;，我知道如何在％my image中调整大小但是如何才能选择1200px呢？ THX !!

Answer 1

如果理解正确，您应该查看背景定位和媒体查询。使用背景图像位置属性，您可以在使用媒体查询调整屏幕大小时声明要显示的图像部分（即600px左侧和600px右侧中心）。这是背景位置的链接 - https://developer.mozilla.org/en-US/docs/Web/CSS/background-position。不确定你在媒体查询中有多精通，如果不是，你应该深入研究它。

Answer 2

这是你想要的吗？

img {
max-width: 1200px;
display:block;
margin:auto;
}