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

【问题标题】：Auto hiding an image's left and right sides according to the browser width根据浏览器宽度自动隐藏图像的左右两侧
【发布时间】：2015-10-14 08:41:38
【问题描述】：

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

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

有什么办法可以做到吗？

提前致谢

【问题讨论】：

显示一些尝试，一些代码。
如果您的图片直接在标签中，您可以简单地使用一些 css .img_class { margin: 0 auto } 设置您的图片样式。如果它在其他 div 等内部，您可以将其居中在该 div 内，或为图像使用固定定位，然后使用自动边距。
感谢您的回答，但我知道，到中心很容易。但是，当屏幕尺寸减小时，我希望图像仍然在中心并从两侧切掉其余的像素..！
@user2158052 如果您使用 CSS 方式，它将自动响应屏幕调整大小。当然，如果图片不适合页面，添加html,body{overflow:hidden}应该会隐藏它。

标签： image width

【解决方案1】：

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

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

【讨论】：