屏幕分辨率过高时图像会被切断

Question

我的标题中的滑块图片有问题。请查看page。

当屏幕分辨率过高时，图像会被切断。请关注前两张图片。您可以测试不同的屏幕分辨率here。图像看起来很好，直到20＆＃34;桌面（1600 x 900）。当你测试23＆＃34;桌面（1920 x 1080），您无法看到第一辆和第二辆车的底部。

我知道如何解决它？

Answer 1

如果你不介意搜索图片的搜索引擎优化，还有另一种显示方式。将它们设置为background-image元素上的.item。并删除img标记。然后在css中设置这样的东西：

.item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 100px;
}

您需要为元素提供高度，因此将其更改为任何内容。