保持图像居中，不调整大小，向左和向右剪辑

Question

我有一个背景图像，可以使用img标记或通过背景图像进行设置。我希望图片始终以浏览器为中心。然后，在调整浏览器大小时，我希望图像保持全尺寸，并开始隐藏左右两边的溢出。溢出应该在图像的两侧被裁剪，因此图像的中心始终位于中心。

Answer 1

添加背景的大小和位置

background-size: cover; 
background-position: center; 

背景尺寸：覆盖

缩放的背景图像，使背景区域由背景图像完全覆盖要尽可能大。背景图像的某些部分可能无法在背景定位区域内查看

Answer 2

尝试这样的事情，可能需要稍微更改，具体取决于您的页面布局。

.parentElement { 
    position: relative; 
    float: left; 
    width: 500px; 
    height: 200px; 
    overflow: hidden; 
} 

.parentElement img { 
    position: absolute; 
    min-width: 100%; 
    min-height: 100%; 
    max-width: 200%; 
    max-height: 200%; 
    top: -999px; 
    right: -999px; 
    bottom: -999px; 
    left: -999px; 
    margin: auto !important; 
    width: initial; 
} 

https://jsfiddle.net/409u4zop/4/

如果你想使用的背景图片，你回来只是

background-position: center;