5

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

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

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

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

EDIT2：在前面的示例中，响应部分被 IE 注释掉，因为创建者知道它会很乱。尽管如此，我希望能够创建这种在 IE 中也可以使用的设计，所以我需要做一些解决方法来让它工作。

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

4

2 回答 2

8

我从@thirtydot 写的旧线程中找到了答案

我应用了float: left to stuff。它有点工作。

如何使“显示：块”在 IE 中的 <td> 上工作？

正如他所说，它有点工作...... IE9 停止渲染一切疯狂的东西，但仍有一些事情要做以使其看起来更好。但是这个答案已经足够好了，我可以自己解决其余的问题......

于 2012-08-27T10:49:32.840 回答
6

X-UA-Compatible 元标记允许网页作者选择页面应呈现为哪个版本的 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 的开放网络技术和快速的 JavaScript 引擎。它增强了您在 Internet Explorer 中的浏览体验，让您可以访问最新的 HTML5 功能以及 Google Chrome 的性能和安全功能。

于 2012-08-24T10:01:39.487 回答