私はこのようなdivを持っています:
<div class="mobile">Some mobile content</div>
このコンテンツはデフォルトで非表示になっています (core.css):
.mobile{display: none;}
ここで、ブラウザの解像度が 1024px 未満で機能しない場合に、この div を表示したいと思います。
@media (max-width: 1024px) {
.mobile{display: block;}
}
このdivを表示するにはどうすればよいですか? 反対の方法でも問題なく動作します - 解像度が変更されたときに表示してから非表示にします。