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

Question

所以我的图像是1920px x 150px 我想要的是当浏览器屏幕显示小于1920px时图像应该保留在屏幕的中心，它应该从图像的左右两侧自动隐藏相同数量的像素。

例如，如果浏览器总宽度为1520px，那么左边200px和右边200px应该被隐藏（我不希望图像总是在中心）

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

提前致谢

Answer 1

不使用<IMG>标记中的图片，而是将其用作background的{​​{1}}，为其提供一个类div，并包含以下样式：< / p>

imgBG