Демонстрация условного запуска скриптов

by webref

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.1/modernizr.js"></script>
<p>Ширина вашего экрана <strong class="size">большая</strong>.</p>

CSS

body {
   color: #666;
  font: 14px/24px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
}
strong {
  color: #42444e;
  font-weight: bold;
}

JavaScript

$(document).ready(function() {
  if (Modernizr.mq('screen and (max-width: 800px)')) {
    $('.size').text('маленькая');
  }
});