html - 如何消除由于照片而向左滚动的页面？

目前，我正在尝试在网站的移动版本上调整（裁剪）图像，但是没有结果......

它在桌面上的外观 -

它在手机上的外观 -

移动设备上的图像裁剪，因为position: absolute; margin-left: 50%;，但是......，这个页面有一个向左滚动，像这样 -

我已经尝试过object-fit，不同positions的，等等，但没有成功。
应该怎么做？

标签： htmlcssimagemobileresponsiveness

picture在element中根据屏幕大小使用两个不同的版本，或者object-fit在 css 中用于移动媒体查询。

由于绝对位置加上边距，您将获得一个水平滚动条，这会将图像推到屏幕右侧（假设 100% 宽的图像）。如果你想保持这种方式，请使用overflow-x: hiddenandhtml标签body。