css - IE8 和 IE9 中的最大宽度和舍入误差？

Question

我有一个以画廊风格 float 的图像列表。当其中一张图像与其他图像的尺寸不同时，就会出现问题。除了我的示例中的一张之外，所有图像都是 235x187 像素。奇数图像的宽度为 666px，高度为 530px。我的列表项的固定宽度设置为 235px，图像的最大宽度设置为 100%。小图和大图的纵横比相同(小数点后第四位)。

正如您在示例中看到的，最大宽度将所有图像的宽度限制为 235 像素，一切看起来都正常，除了 IE9 和 IE8(IE7 似乎不错)，其中第四张图像浮在较大的旁边, 黄色图像。即使浏览器报告较大的图像与其他图像的计算高度相同，也会发生这种情况。

所以我的问题是:IE9 和 8 中发生了什么？这是一个舍入错误，还是 IE 在重新计算了较大图像的 css 宽度后没有重新绘制列表？

看看 jsFiddle 上的例子:http://jsfiddle.net/99chG/1/

Answer 1

它在工作

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
border-top-right-radius: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
</style>