2月10 レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 カテゴリ:javascriptiphone/ipadサイト Tweet レスポンシブデザインのサイトを作っていて、 ブレイクポイントの設定はcssのmedia-queryでやることが多いと思う。 でも動的な処理がからむ部分で変更があるときはjsでも切り替えを行う。 window.resize() とかで。 んで、今回、cssとjsで両方で同時に切り替わるようにしていたのだけれど、 どうやらwin端末だと切り替えのタイミングがズレることがわかった。 css → 768pxで切り替えたい → @media screen and (max-width: 768px) → ちゃんと768pxで切りかわる js → 768pxで切り替えたい → if($(window).innerWidth() < 768){ → 78
![レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 : 森のコーディング](https://cdn-ak-scissors.b.st-hatena.com/image/square/329e13106ee49a77555640dca0999cdf26bb2f7d/height=288;version=1;width=512/http%3A%2F%2Ftacshock.com%2Fhtml5%2Fcode14og.png)