Может ответить.js обработать внутреннюю таблицу стилей

Я использую modernizer.js & response.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;
    }
}

И это сработало.

Я быстро просмотрел страницу GitHub response.js, но не смог найти ничего упомянутого относительно внутренних ссылок на таблицы стилей, которые не поддерживаются.

Я что-то пропустил?

Источник

1 ответ

Кажется, мы должны подключить response.js после любых стилей, внутренних или внешних. Тогда это должно работать!

Источник
Другие вопросы по тегам