【问题标题】:Media Queries inside stylesheet in ie8ie8中样式表内的媒体查询
【发布时间】:2012-10-15 17:02:47
【问题描述】:

我正在尝试让@media 查询在 IE8 的样式表中工作。

很多人推荐使用以下插件:http://code.google.com/p/css3-mediaqueries-js/

我确定我使用正确(我不是 @import 用于样式表)。但是,它在 IE8 中根本不起作用。不幸的是,它已经多年没有更新了,也许它与 jQuery 1.7 不兼容

谁有最新版本的 jQuery 的可行解决方案。

非常感谢,

【问题讨论】:

  • 这就是你需要的:github.com/scottjehl/Respond
  • 我也推荐 Respond 正如@elclanrs 所说。但请注意,它只能处理 min-widthmax-width 媒体查询。
  • 谢谢,Respond 做到了我以前没有遇到过的技巧。第一个将其作为答案发布的人将其标记为正确! :)

标签: jquery css internet-explorer-8 media-queries


【解决方案1】:

正如@elclanrs 在 cmets 中所述,使用 Respond。这是一个处理min-widthmax-width 媒体查询的轻量级库:

在 github 上获取:https://github.com/scottjehl/Respond

【讨论】:

    【解决方案2】:

    你可以使用Modernizr的mq函数来解决它:link

    快速/简单示例:

    if(Modernizr.mq('(min-width: 940px)')) {
        $('head').append('<link rel="stylesheet" href="ie8.css" type="text/css" />');
    }
    

    【讨论】:

    • 来自他们的网站:如果浏览器根本不支持媒体查询(例如 oldIE),mq() 将始终返回 false
    猜你喜欢
    • 2014-03-18
    • 2012-12-18
    • 1970-01-01
    • 2021-05-30
    • 2012-10-12
    • 1970-01-01
    • 2013-10-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多