Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css IE8&;中的最大宽度和舍入误差;IE9?_Css - Fatal编程技术网

Css IE8&;中的最大宽度和舍入误差;IE9?

Css IE8&;中的最大宽度和舍入误差;IE9?,css,Css,我有一张图片列表,以画廊的形式浮动。当其中一个图像与其他图像的大小不同时,就会出现问题。除我的示例中的一个图像外,所有图像都是235x187像素。奇数图像的宽度为666px,高度为530px。我的列表项的固定宽度设置为235px,图像的最大宽度设置为100%。较小图像和较大图像的纵横比相同(精确到小数点后四位) 正如您在示例中所看到的,最大宽度将所有图像的宽度限制为235像素,并且除了IE9和IE8(IE7看起来不错)之外,其他所有图像看起来都正常,其中第四个图像浮动在较大的黄色图像旁边。即使浏

我有一张图片列表,以画廊的形式浮动。当其中一个图像与其他图像的大小不同时,就会出现问题。除我的示例中的一个图像外,所有图像都是235x187像素。奇数图像的宽度为666px,高度为530px。我的列表项的固定宽度设置为235px,图像的最大宽度设置为100%。较小图像和较大图像的纵横比相同(精确到小数点后四位)

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

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

看看JSFIDLE上的示例:

它正在工作

<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>

边框右上角半径:7px;
边框左上半径:7px;
边框右下半径:2px;
边框左下半径:2px;

110%工作我们必须使用java脚本


嘿,请确保您的doctype设置正确


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

它是IEs兼容模式。。。puke Try
你可能在做什么,但我在IE中试过这个小提琴,将浏览器模式设置为IE8,文档模式设置为IE8。然后以相同的方式将浏览器设置为IE9模式。你是说在web开发人员中使用meta标记的结果与手动更改渲染模式的结果不同吗?当然,我当然会在生产站点中使用meta标记,但只是想看看是否有任何区别……问题是:在intern networks中,IE使用兼容模式。你发布的链接在IE9中使用IE9-rendering运行良好,但在我将其更改为IE9-compatibility模式时失败。您可以在工具-F12;)中尝试正如你所说,我确实试过了。这里有一个屏幕截图,展示了结果。您是否与我一样设置渲染模式?除此之外,我实际上是在开发站点上设置meta标记。不幸的是,我目前无法共享该URL,但该网站在IE9和IE8中显示了相同的错误。我不知道这是如何回答我的问题的。嗯,问题一开始根本不是关于圆角:)抱歉,如果我不能澄清这一点。