Bootstrap 图片库：桌面响应有问题

Question

每次 window 的大小从大开始：

http://res.cloudinary.com/liberationfront/image/upload/v1497626018/vb1_t29xlz.png

小：

https://res.cloudinary.com/liberationfront/image/upload/v1497625905/vb2_gtmjrl.png

突然之间有差距。

Answer 1

问题可能是您的图片的宽高比并不完全相同，因此在某些情况下，有些图片最终会比其他图片高一个像素。然后浮动列不能正确清除。

您可以重新裁剪您的图像，这是一个脆弱的解决方案，因为您需要所有未来的图像都被完美裁剪，或者您可以通过 CSS 设置卡片的高度并让图像流动适合。通常使用背景图像会提供更大的灵活性。

我建议研究 Bootstrap's responsive embed 并将您的图像设置为子元素的背景。如果需要，创建您自己的 1:1 class。