ブラウザのサイズに合わせたCSSセレクターはありますか?したがって、インスタンスのブラウザが500pxより大きい場合は、要素のスタイルを設定できます。
私のターゲットブラウザは、標準モードのみのIE9とIE10です。だから私はこれらの2つのブラウザだけを心配しています。
ブラウザのサイズに合わせたCSSセレクターはありますか?したがって、インスタンスのブラウザが500pxより大きい場合は、要素のスタイルを設定できます。
私のターゲットブラウザは、標準モードのみのIE9とIE10です。だから私はこれらの2つのブラウザだけを心配しています。
もちろん、次のようなメディアクエリを使用できます。
@media screen and (min-width: 500px) { your css goes here }
これにcssメディアクエリを使用することはできませんか?
CSSには、画面のサイズを判断するためのセレクターはありません。しかし、あなたがそうする必要がなければ、私もJavascriptルートに行きません。おそらく、CSSメディアクエリをもっと調べる必要があります。
CSS 3は、スタイルシートにさらに正確なラベルを付けることで、メディアに依存するスタイルシートのサポートを強化します。メディアクエリは、メディアタイプと、幅、高さ、色などのメディア機能を使用してスタイルシートのスコープを制限する少なくとも1つの式で構成されます。メディアクエリを使用すると、コンテンツ自体を変更することなく、特定の範囲の出力デバイスに合わせてコンテンツの表示を調整できます。
参照:
https://developer.mozilla.org/en/CSS/Media_queries/