Css 显示：表格单元格在IE9中不工作？

我有一个表，我正在使用CSS显示属性来改变布局。对于全尺寸浏览器，我使用“块”，对于较小的浏览器，我使用“表格单元格”。 它在Firefox、Safari和Chrome中运行得很好，但不知何故IE9似乎把它搞砸了。。。 当我使用Firebug之类的工具调试页面时，很明显，除了IE之外，所有浏览器都将display:table单元格更改为display:block。但是IE仍然坚持使用display:block，即使CSS文件明确指出它应该是表格单元格

IE9中的“表单元格”是否存在任何已知问题或任何已知的解决方法

编辑： 问题不在于表格单元格，而在于表格单元格上的Display:block

我遇到的问题可以在这里找到： 在Chrome/Firefox中打开并调整浏览器窗口的大小-表格响应速度快，可根据狭窄的设计进行更改。 在IE9中打开并调整大小-表格是静态的，不会更改

编辑2： 在前面的例子中，响应部分被注释掉了，因为创建者知道这会很混乱。尽管如此，我希望能够创建这种在IE中也能工作的设计，所以我需要为它做一些变通，使其工作

---

下面是一个JSFIDLE，它显示了当包含responsive部分时IE9是如何弄乱响应表的：

与X-UA兼容的元标记允许网页作者选择页面应呈现为哪个版本的Internet Explorer

以下是您的选择：

"IE=5"
"IE=EmulateIE7"
"IE=7"
"IE=EmulateIE8"
"IE=8"
"IE=EmulateIE9
"IE=9"
"IE=edge" which tells Internet Explorer to use the highest mode available to that version of IE.

But I recommend you to use this one:

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

“IE=5”
“IE=仿真E7”
“IE=7”
“IE=仿真E8”
“IE=8”
“IE=仿真E9
“IE=9”
“IE=edge”，它告诉Internet Explorer使用该版本IE可用的最高模式。
但我建议您使用这个：

---

chrome=1代表Google的chrome框架，它是一个开源浏览器插件。安装了该插件的用户在浏览器中打开页面时，可以访问Google chrome的开放web技术和快速JavaScript引擎。它增强了您在Internet Explorer中的浏览体验，并让您能够访问最新的HTML5功能，如我从一个旧的帖子中找到了答案，@thirtydot写道

我把float:left应用到了东西上。它有点有效

正如他所说，它有点工作…IE9停止渲染所有疯狂的东西，但仍有一些som需要调整以使其看起来更好。

---

但是这个答案已经足够好了，我可以自己修复其余的部分…

我不认为我可以使用chrome-1部分，因为它依赖于使用来安装自定义插件。我需要该站点能够干净地安装IE9、chrome或Firefox。我曾考虑包含一些代码，但我认为这是一个庞大项目的一部分，所以不会不管怎么说，把它包括进去没有多大意义……你是对的。IE9真的搞砸了。我只做了一些修改就解决了它，所以我希望这对你有用。我对你的markupI做的修改删除了我的答案，因为它对你没有帮助。这是唯一明显的建议，所以如果没有复制的测试用例，你的问题现在几乎不可能回答问题。请使用/或直接链接到受影响的网站。很抱歉，无法发布真实的代码示例。但该网站与我的网站做的事情相同，并且与IE9有相同的问题。基本上，它是一个响应表，在Firefox/Chrome中尝试，并更改浏览器大小，它完全响应：但如果在IE9中尝试，它会被卡住。看起来就像Display:Block（不是我第一次想到的表格单元格）有一个问题一样。下面是这个例子的原始帖子（不幸的是，它似乎没有给出IE问题的任何解决方案）：这对我有效，非常感谢：）谁能评论一下为什么float left在这种情况下有效？