文章/答案/技术大牛

发布

社区首页 >问答首页 >respond.js可以处理内部样式表吗？

问respond.js可以处理内部样式表吗？
EN

Stack Overflow用户

提问于 2014-01-30 18:25:02

回答 1查看 158关注 0票数 1

我使用modernizer.js & respond.js在IE8上实现媒体查询。

我编写了我的页面(HTML和Javascript)，例如：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Modernizr test page</title>
    <style type="text/css" media="all">
        @media (max-width: 500px) {
            body {
            background-color: blue;
            }
        }
    </style>
  </head>
  <body>
    Modernizr test page<br>

    <script src="modernizr.custom.js"></script>
    <script>
        Modernizr.load({
            test: Modernizr.mq('only all'),
            nope: '//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js'
        });
    </script>
    </body>
</html>

它不起作用。

然后，我将代码更改为：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Modernizr test page</title>
    <link rel="stylesheet" href="myStylesheet.css">
  </head>
  <body>
    Modernizr test page<br>

    <script src="modernizr.custom.js"></script>
    <script>
        Modernizr.load({
            test: Modernizr.mq('only all'),
            nope: '//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js'
        });
    </script>
    </body>
</html>

和一个单独的CSS文件"myStylesheet.css"：

@media (max-width: 500px) {
    body {
        background-color: blue;
    }
}

而且起作用了。

我快速地查看了respond.js Github页面，但没有发现任何提到的关于不支持内部样式表引用的内容。

我错过了什么吗？

html

css

internet-explorer-8

modernizr

respond.js

回答 1

Stack Overflow用户

发布于 2014-06-27 14:36:38

似乎我们必须在任何内部或外部样式之后连接respond.js。那就行了！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21464582

复制

相似问题

问respond.js可以处理内部样式表吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问respond.js可以处理内部样式表吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问respond.js可以处理内部样式表吗？
EN