More than 1 year has passed since last update.

JavaScriptで画面がPCサイズかスマホサイズか取得

Posted at 2022-06-08

基本的にメディアクエリ使えばええんやけど
デザインだけにとどまらず、ちょっとJSでこちゃこちゃしたい時がある
正しいやり方としては、window.matchMedia というのがあるらしい
https://coliss.com/articles/build-websites/operation/javascript/javascript-media-queries.html

なんかめんどくさそう

let isPc;
let isSp;
window.addEventListener('resize', () => isSp = !(isPc = window.innerWidth >= 800));

もうちょっと複雑な条件の場合は、素直に window.matchMedia 使った方が良さげ