由于Boilerplate内置了respond.js,理论上应该能够支持以下CSS:
@media only screen and (max-height: 580px){.rnd-class{:height:200px !important;}}
在FF和Chrome中,它按预期工作,并且在调整浏览器窗口大小后自定义样式生效。
然而,在IE8中,自定义样式始终启用-无论当前浏览器窗口大小如何。
我认为问题可能在我的代码中,但是当我访问Boilerplate mobile template时,我注意到它也会在浏览器重新调整大小时更改其布局,并使用与默认Boilerplate相同的媒体查询。
然而,即使是mobile Boilerplate,它也只适用于FF和Chrome。在IE8中访问它,媒体查询不起作用,并且我得到了最小设备版本。
现在我的问题是:你们在IE8中有同样的经历吗?this site在IE8中是什么样子的,它是否根据当前浏览器窗口大小更改其样式?
或者可能与我的特定IE版本有关吗?(我现在无法在另一个IE版本上进行测试)。
也许,只有一些人知道解决方法?
顺便说一句,我目前正在使用随同HTML5 Boilerplate一起提供的默认“Modernizr”(内置respond.js)脚本。