Javascriptもレスポンシブのように分岐する
2013-11-23
レスポンシブデザインをするにあたり、メディアクエリを利用して、それぞれのCSSによってそれぞれの端末に合った処理ができますが、
同じようにJavascriptも分岐処理、レスポンシブ処理(?)をしたい時が出てきます。
PCの時は動かすけど、スマホ・タブレットの時は動かさない。などなど。
その時は以下のソースで、メディアクエリのように分岐できるかと思います。
if (matchMedia('only screen and (max-width: 768px)').matches) { //スマホ・タブレットの時の処理 }else{ //PCの時の処理 }