Html 使用CSS裁剪图像并将裁剪拉伸到100%

我有一个图像宽度2200px。 我需要左右各削减10%

剩下的80%需要填写100%的页面宽度，如何填写

在

看上图，这是你的意思吗？ 黑色部分是你想展示的正确部分

---

然后你可能会去photoshop，甚至是pain，把两边都剪掉10%。

欢迎来到Stackoverflow，请阅读

<div class="image-container">
  <div class="image-frame">
    <img src="http://placehold.it/2200x1000">
  </div>
</div>

.image-container {
  overflow: hidden;
}
.image-container .image-frame {
  margin: 0 -10%;
}
.image-container img {
  display: block;
  height: auto;
  width: 100%;
}