如何居中图像,但只有1200px的1920px?

时间:2014-03-02 21:31:11

标签: html css image

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

这是你想要的吗?

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