CSSとJSでブレイクポイントがずれる時の処理を使いやすくする

前にCSSと同じpx数をブレイクポイントで指定するとjQueryでずれるという記事を書いたのですが、その中でIE9ではCSSを使ってウインドウサイズを合わせていました。 その処理を毎度ウインドウをリサイズする処理の度に書いていたのですが、タブレットのサイズも含めるとさすがに効率が悪いので使いやすくしました。 HTMLの生成と判定 まずはウインドウサイズ判別ようのHTMLを生成。そこのCSSを調べる指定を書きます。 JQuery $(function(){ var winMode; $('body').append('<div class="winSize"></div>');//bodyの直前に判別用のHTMLを生成 function winSize(){ var winSize1 = $('.winSize').css('display'); var winSize2 = $('.win