サイトがモバイルビューポートにあるときにdiv（サイドバー）を表示しないでください - css、viewport

私のサイトには2つのサイドバーがあります。 私はビューポートを使ったレスポンシブCSSを持っています。しかし、私はサイトがモバイルブラウザで開かれたときにサイドバーを表示したくない。

例えば、スタックオーバーフローです。あなたが携帯でそれを開くとき、あなたはサイドバーを見ないでください。私はこのようなものが欲しいです。

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

回答：

あなたは使うことができます メディアクエリ この携帯電話のために定義するだけです：

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

もっと読む http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

以下のように、メディアクエリを使用して、サイドバーを選択的に表示/非表示にすることができます（以下のコードではサイドバークラスを変更できます）。

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

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

しかし、あなたは試すことができます ブートストラップ