Media Queries（メディアクエリ）とJavaScriptの連携について ref: http://qiita.com/r_abe01/items/a3a2e94b5162d949037b

CSS

/* PC用 */
.media-queries {
  display: none;
  font-family: 'pc';
}

/* TAB用 */
@media screen and (max-width: 768px) {
  .media-queries {
    font-family: 'tab';
  }
}

/* SP用 */
@media screen and (max-width: 480px) {
  .media-queries {
    font-family: 'sp';
  }
}

HTML

<!-- ページ内のどこかに空タグで良いので配置しておく -->
<div class="jsc-media-queries media-queries"></div>

JavaScript

var $win = $(window),
    $mediaQueries = $('.jsc-media-queries');

$win.on('load resize', function() {
  // モダンブラウザでは「pc」という文字列が取得できるが、
  // IEでは「"pc"」と「"」が付与されて取得されてしまうため「"」を除去しつつ取得する。
  var layout = $mediaQueries.css('font-family').replace(/"/g, '');

  if (layout === 'pc') {
    // PCの処理
  } else if (layout === 'tab') {
    // TABの処理
  } else {
    // SPの処理
  }
});