显示:表格单元格在IE9中不起作用？

Question

我有一个表格,我正在使用CSS显示属性来改变布局.对于全尺寸浏览器,我使用"块",对于较小的浏览器,我使用"table-cell".它在Firefox,Safari和Chrome中运行良好,但IE9似乎在某种程度上搞乱了......当我使用Firebug等调试页面时,很明显除了IE之外的所有浏览器都会改变显示:table-cell to display :块.但IE仍然停留在display:block,即使CSS文件明确指出它应该是table-cell.

IE9中的"table-cell"或任何已知的解决方案是否存在任何已知问题？

编辑:问题不在于表格单元格,而是在表格单元格上显示:阻止.

我可以在这里找到我遇到的问题:http://css-tricks.com/examples/ResponsiveTables/responsive.php 在Chrome/Firefox中打开并调整浏览器窗口大小 - 该表响应迅速并改为狭窄的设计.在IE9中打开并调整大小 - 表是静态的,不会更改.

EDIT2:在前面的例子中,响应部分被注释掉用于IE,因为创建者知道它会很混乱.不过,我希望能够创建这种在IE中工作的设计,所以我需要为它做一些工作来使其工作.

这是一个JSFiddle,它显示了当包含reponsive部分时IE9如何弄乱响应表:http://jsfiddle.net/2Mt37/

Answer 1

我找到了一个旧线程的答案,@ thirtydot写道

我申请了浮动:左边的东西.它有点工作.

如何在IE中的<td>上进行"display:block"工作？

正如他所说的那样,它有点起作用...... IE9停止渲染所有东西都疯了,但仍然需要做好调整才能让它看起来很好看.但这个答案已经足够好了,我可以自己修复其余的......

Answer 2

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

chrome = 1适用于Google的Chrome Frame,它是一个开源浏览器插件.安装了插件的用户可以在浏览器中打开页面时访问Google Chrome的开放式Web技术和快速JavaScript引擎.它增强了您在Internet Explorer中的浏览体验,并使您可以访问最新的HTML5功能以及Google Chrome的性能和安全功能.