网格问题在IE8与Unsemantic

Question

我第一次使用Unsemantic，我忘了在IE8上检查我的页面。下面是灾难:http://canapin.com/web/meteo/

Unsemantic应该是IE8兼容的，但是我的页面乱了，我不知道为什么。

任何想法?(

Answer 1

正如其问题跟踪器所述，由于IE8不支持媒体查询，Unsemantic grid通过单独的css文件包含为其提供了固定宽度的布局:

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

注意条件注释避免了移动版本IE的单独css(它们应该支持媒体查询):

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

所以，如果你接受IE8的固定宽度布局(这对我来说似乎很合理)，你不需要javascript修复;)

拜拜!

Answer 2

对于IE8及更低版本，你必须包含一个shim，它是Unsemantic文件附带的。

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

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

所以，只要指向html5.js文件，这应该修复它。让我知道这是否适用于你。

欢呼,马文