我有一个引导布局，其中1列有2幅肖像，另一幅有3幅图像。在大多数尺寸下，列的高度相同：
2 x portrait = 1008px 3 x landscape = 1008px
但是当调整浏览器大小时，其中一列的底部会出现1px / 2px的边距（并不总是相同的列）。我知道这与图像调整大小略有不同，但不确定他们为什么以及如何解决它！例如，在一种尺寸下，肖像图像的高度均为452像素，等于904像素，其中景观图像为302像素，等于906像素。
图像全部设置为100％宽度，自动高度和垂直对齐。
谢谢！
答案 0 :(得分：0)
您的图片包含"port"和class="img-responsive"类，但这些类不在您的CSS示例中。
您是否尝试过添加Bootstrap类{{1}}，这会使它们的行为相同？
它也可能有助于添加容器以帮助将所有内容组合在一起，但我无法使用Internet Explorer中的小提琴重新创建您已解释过的问题。您使用的是什么浏览器/让您测试过它？如果它是特定于浏览器的，您可以添加媒体查询以定位特定浏览器（例如IE或Firefox）。