由于 Boilerplate 内置了 respond.js,理论上它应该能够支持以下 css:
@media only screen and (max-height: 580px){.rnd-class{:height:200px !important;}}
在 FF 和 Chrome 中,它按预期工作,并且在调整浏览器窗口大小后自定义样式启动。
但是,在 IE8 中,自定义样式始终处于启用状态——无论当前浏览器窗口有多大。
我在想问题出在我的代码中的某个地方,但是当我访问了Boilerplate 移动模板时,我注意到它在 Browser rezize 上的布局也发生了变化,并且它使用了来自默认 Boilerplate 的相同媒体查询。
但是,即使是移动样板也只能与 FF 和 Chrome 一起使用。使用 IE8 访问它,媒体查询不启动,我得到了最小设备的版本。
现在我的问题是:你们在 IE8 中是否有同样的体验?该站点如何在 IE8 中查找您,它是否会根据当前浏览器窗口大小更改其样式?
还是可能与我的特定 IE 版本有关?(我现在不能在另一个 IE 版本上测试它)。
也许,只是也许,some1 知道解决这个问题的方法吗?
PS 我目前正在使用 HTML5 Boilerplate 附带的默认“Modernizr”(内置 respond.js)脚本。