我有一个 800 像素宽、500 像素高的图像，我希望首先裁剪大约x pix 离开左侧，y pix 离开右侧，z pix 离开底部，然后将其适合 1200 像素宽、1000 像素高的背景区域，其中 x、y 和 z 均不同。
我还试图让它无响应，这样它就不会随窗口大小的变化而缩放，所以设置 background-size = cover 或 contain 不是一个选项。任何建议将不胜感激，例如我是否可以先裁剪图像，然后将其填充到我的区域。谢谢。
最佳答案
我认为如果没有一些棘手的 javascript，您将无法实现这一目标。但我在这里将它放入代码中，这样其他人就可以更轻松地查看 - 当您提出初始问题时也是一件好事。
按原样，这使用 background-position-x 和 -y 来“裁剪”部分图像，然后如果有足够放大的方法，您也可以裁剪另一端，我想.
.container {
border: solid black 1px;
height: 1000px;
width: 1200px;
background-image: url(https://snag.gy/dL487F.jpg);
background-position-x: -100px;
background-position-y: -50px;
background-repeat: no-repeat;
}<div class="container">
</div>关于html - 裁剪然后拉伸(stretch)背景图像以适合某个区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54189786/