Модернизатор JS Media Проверка запроса. Load/Unload

Question

Я работаю над кодом, который проверяет, поддерживает ли браузер Media-запросы. Если это так, то он проверяет ширину окна и, если он падает до 700 пикселей, загружает файл CSS, но если ширина окна изменяется и возвращается к чему-то более широкому, чем 700 пикселей, файл CSS не «разгружается» и, следовательно, выглядит Плохо. Не могли бы вы помочь мне понять, что и как наилучшим образом использовать это? Вот мой код:

  function check_media_query_support() { 
      if (!Modernizr.mq('only all')) { 
       if ($(window).width() <= 700) { 
        Modernizr.load({ 
         load:'../styles/jquery-ui/test_unsupported_mq_700.css' 
        }); 
       } else { 

       } 
       if ($(window).width() <= 400) { 
        Modernizr.load({ 
         load: '../styles/jquery-ui/test_unsupported_mq_400.css' 
        }); 
       } 
      } 
     } 

     function resizeUi() { 
      check_media_query_support(); 
     } 

Answer 1

Modernizr не будет слушать изменения размера окна с функциональностью вы ищете, вы на самом деле, вероятно, хотите реагировать polyfill, как respond.js