为什么在IE10 / 11中这个突破?

时间:2014-03-16 08:56:01

标签: css internet-explorer browser responsive-design alignment

我正在绞尽脑汁。

http://www.coflash.com/wendy/

在IE中,由于某种原因,IE中的最后一个磁贴不对齐。它在iOS / Chrome / Firefox中运行良好。

我尝试压缩HTML以删除所有空格,我重新计算了百分比,我只是不明白。希望有人在这里。

由于

1 个答案:

答案 0 :(得分:2)

li元素的百分比宽度,img元素的最大宽度,img元素的边框框大小以及计算维持图像的宽度和高度之间的纵横比,意味着IE计算双倍宽度图像的高度为249.98px,单幅度图像的高度为249.91px。

当每个图像浮动时,IE正在考虑0.07px的差异以确定对于第一个位置偏移的图像,第3列位置可用稍高于第1列位置的页面,所以它将图像放在那里。

最简单的解决方案是将图像的高度设置为250px,而不是自动。