Html 制作一个好的图像旋转木马

我在我的网站上有一个图像旋转木马作为标题。问题是，4:3显示器的图像剪切效果很好，少数图像1080p的剪切效果很差，1440p的剪切效果很差。我能做些什么来解决这个问题？例如，如果视口变大，如何选择显示的图片区域并将其放大

如果你调整浏览器的大小，你就会明白我的意思

注：如果通过此代码查看，您必须处于全屏状态。最好是参观

css

object-fit:cover

绝对是你最好的朋友

不要忘记在图像和容器之间设置元素，以覆盖caroussel的容器，瞧：

.carousel项目{
宽度：100%；
身高：100%；
}
.旋转木马项目img{
对象匹配：覆盖；
宽度：100%；
身高：100%；
}

幻灯片放映/旋转木马的最佳示例

---

IrfanView是一款免费下载的软件。1.0转到文件并选择“打开”上载图像。2.0转到“图像”，然后选择“调整大小/重采样”。3.0在调整图像大小/重采样时，选择“桌面大小”，然后单击“确定”。那是it@hans-克尼格什么？