デバイスのサイズ切替の判断はどのようにしていますか？

♥ 0

いいねをした人: 居ません

このトピックには2件の返信、2人の参加者があり、最後にrakumathにより4年、 1ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2020年10月21日 2:50 PM #59488
rakumath
閲覧者

♥ 10
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】バージョン: 11.6.1
【お使いのブラウザ】 Chrome
【当該サイトのURL】 http://rakumath.xyz/

===

サイドバーが横に表示されない場合は消したいと思い、過去のフォーラムを参考に
```
@media (max-width: 767px) {
  .l-sidebar-widget-area {
    display: none;
  }
}
```
を使わせていただこうかと思ったのですが、767pxの部分を左サイドバーが下にくる時に書き換えたいです。

その判定は、どのようにされているのでしょうか？

よくわかっていないのですが、BASISというフレームワークを取り入れられている？のでしょうか。Sassというもので書いた方がおすすめですか？色々と質問を重ねてしまい、お手数おかけします。

♥ 0

いいねをした人: 居ません
2020年10月21日 4:23 PM #59492
キタジマタカシ
参加者

♥ 2421
1024px（64em）以上で2カラムになるようになっているので、それ未満、つまり1023px以下のときに消えるようにすればよいのではないかと思います。下記でどうでしょう？
```
@media (max-width: 1023px) {
  .l-sidebar-widget-area {
    display: none;
  }
}
```
♥ 0

いいねをした人: 居ません
2020年10月21日 4:29 PM #59497

rakumath
閲覧者

♥ 10

ありがとうございます！

無事に解決しました。

質問が多くて恐縮ですが、今後ともよろしくお願いします。

♥ 1

いいねをした人: 居ません
投稿者

投稿