css - サイトがモバイルビューポートにあるときに div (サイドバー) を表示しないようにするにはどうすればよいですか

Question

サイトに 2 つのサイドバーを配置したいと考えています。ビューポートを使用したレスポンシブ CSS があります。しかし、モバイルブラウザーでサイトを開いたときにサイドバーを表示したくありません。タブはうまくいくでしょう。私ができる方法はありますか？

例: スタックオーバーフロー。モバイルで開くと、サイドバーが表示されません。私はこれに似たものが欲しいです。

前もって感謝します。:)

score 4 · Accepted Answer

このモバイル定義のみにメディアクエリを使用できます。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

score 1 · Accepted Answer

次のように、メディアクエリを使用して、サイドバーを選択的に表示/非表示にできます (以下のコードで該当するサイドバークラスを変更します)。

@media only screen and (max-width: 480px) {
    .sidebar {
        display: none;
    }
}

score 0 · Accepted Answer

Stack Overflow には、モバイルページ用のカスタム HTML があります。

しかし、 Bootstrapを試すことができます

css - サイトがモバイル ビューポートにあるときに div (サイドバー) を表示しないようにするにはどうすればよいですか