Question

我有一个漂浮在画廊风格中的图像列表。当其中一个图像与其他图像的大小不同时，会出现问题。除了我的示例中的所有图像，所有图像都是235x187像素。奇数图像的宽度为666px，高度为530px。我的列表项的固定宽度设置为235px，图像的最大宽度设置为100％。较小图像和较大图像的纵横比相同（低至第四个十进制）。

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

所以我的问题是：IE9＆amp; 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>

Answer 2

110％的工作我们必须使用javascript。

http://jsfiddle.net/rizwanabbasi/zwAkx/

Answer 3

嘿，也许确保你的doctype设置正确。

如果它是小写，那么它可能不起作用。它必须是

IE8＆amp;中的最大宽度和舍入误差IE9？

3 个答案: