人物ブラウザウィンドウが小さすぎると、一部の画像が表示されないようにする必要があります。 CSSとJavasriptのどちらでこれを行うのでしょうか。もしそうなら、どうやって?
回答:
回答№1の場合は10@media all and (max-width: 500px){ /* max screen size */
#div { display: none; }
}
回答№2については2
JavaScriptを使用する必要はなく、CSSでも簡単に実行できます。 @media queries
@media all and (max-width: 699px) { /* Change Width Here */
div.class_name {
display: none;
}
}
答え№3の2
あなたはこれを行うことができます CSS を使用して @mediaタグ
/*Show images for resolution greated than 1024*/
@media only screen and (min-width: 1024px) {
img{ /*show all images*/
display:block;
}
}
/*hide images for resolution lesser than 1024*/
@media only screen and (max-width: 1024px) {
img{ /*hide all images*/
display:none;
}
}
@mediaタグでは、特定のデバイスをターゲットにできます。 画面 一人で、に影響を与える 印刷する , モバイル デバイスなど すべて
でこれを行うため javascript / jquery 下記の記事を参照してください。
画面の解像度が変化した場合にjqueryで検出するにはどうすればいいですか?