いつもHPの制作はレスポンシブで作るのですが、CSS3 メディアクエリでぶれーくぽいんとを作って……。。。つまりブラウザの幅によって使うCSSを自動で分けて、デザインを変えています。なので基本的にはHTMLは全く同じで、たぶん、一応、全てのPC、スマホ、タブレットに対応しています。

んで、今回PCの方の表示がおかしくなり、色々調べていたら、JavaScriptが悪さをしていることがわかりました。たぶん何かが干渉してるとか、何かしら理由があると思うんですが、検証してる時間もないし、今回悪さをしていたJavaScriptはPC表示の時は必要無いものだったので、CSSメディアクエリのようなことがJavaScriptでできないか？というお話です。

PCではこのJavaScriptは機能させない。タブレット、スマホでは機能させる。という形にできるように、条件分岐を書きました。

めっちゃ簡単に条件分岐できます（笑）

if (window.matchMedia( '(min-width:980px)' ).matches) { 
	//もしブラウザ幅が980px以上だったらの時の処理
}else{
        //上記以外の時の処理
	}

ちなみに、この、プログラムソースをブログに書くやつ、導入してみました。（これを使ってみたかったんです。笑）

うん、少しオシャになったな。満足。