image - 根据浏览器宽度自动隐藏图像的左右两侧

Question

所以我的图像是 1920 像素 x 150 像素，我想要的是当浏览器屏幕小于 1920 像素时，图像应该保持在屏幕的中心，它应该自动从图像的左侧和右侧隐藏等量的像素。

例如，如果浏览器总宽度为 1520 像素，则应隐藏左侧 200 像素和右侧 200 像素（我不希望图像始终位于中心）

有什么办法可以做到这一点吗？

提前致谢

Answer 1

<IMG>不要在标签中使用图像，而是将其用作backgrounda div，给它一个 class imgBG，并包含以下样式：

.imgBG{
background: url(images/imagename.jpg) no-repeat 50% top;
width: 100%;
height: 150px;
margin: auto;
}