如何在调整窗口大小时裁剪图像HTML/CSS

我必须用HTML/CSS做一个网站，我有一个比页面更宽的图片，但我只希望它不再占据页面右侧的空间

这是我的代码：

这是一张图片，上面的图片是什么样子的。我不希望滚动条在底部。我想让图片的宽度与窗口相适应，并停在我画的红线处

你能帮我吗？

---

将图像放入一个div中，并以vw为单位为图像div和左侧内容的div指定所需的视口百分比（可能为60:40）的宽度。例如：宽度：60vw

您可以隐藏x轴上的溢出

属性指定是水平还是垂直（或两者）更改内容溢出

overflow-x

指定如何处理内容的左/右边缘

溢出隐藏-溢出被剪裁，其余内容将不可见

试试：

您还可以使用：

width:100%；高度：自动在img标签中

 body{
    overflow-x:hidden;
    }