html - 画面解像度に応じて div を表示または非表示にする

Question

これを短く簡単にするために<div>、ユーザーの解像度が 1024x768 の場合に非表示にしたい があります。

css left_bar 用の別の CSS ファイルがある場合<div id='left_bar'>、解像度チェック クエリを実行するにはどうすればよいでしょうか?

Answer 1

@media all and (width:1024px) and (height:768px) {
    /* CSS rules here */
}

ただし、それは非常に具体的です。通常、min-widthまたは類似のメディア クエリを使用します。