非语义IE8上的网格问题

Question

我第一次使用非语义化，我忘了在IE8上查看我的页面。这就是灾难：http://canapin.com/web/meteo/

Unsemantic应该是与IE8兼容的，但是我的页面搞得一团糟，我不知道为什么。

有什么想法吗？

Answer 1

正如its issue tracker所说的，由于IE8不支持媒体查询，无语义网格通过一个单独的css文件包含为它提供了一个固定宽度的布局：

<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="./stylesheets/ie.css?1389034275" />
<![endif]-->

注意条件注释，避免使用移动版IE的单独css (它们应该是support media queries)：

我想你可以从这里下载单独的css的源代码：http://unsemantic.com/stylesheets/ie.css

所以，如果你接受固定宽度布局的IE8 (我觉得这很合理)，你就不需要javascript补丁了;)

拜拜!

Answer 2

对于IE8和更低版本，您必须包含一个填充程序，该填充程序随非语义文件一起提供。

在你的头脑中包含以下代码，你就应该没问题了：

<!--[if lt IE 9]>
<script src="./assets/javascripts/html5.js"></script>
<![endif]-->

所以，只需指向html5.js文件，这应该可以修复它。让我知道这对你是否有效。

干杯，马文