0

人のブラウザウィンドウが小さすぎる場合、一部の画像が表示されないようにしたい。CSS または Javasript でこれを行いますか。

4

3 に答える 3

10 
@media all and (max-width: 500px){ /* max screen size */
    #div { display: none; }
}
于 2013-05-09T10:12:19.677 に答える
2

JavaScript を使用する必要はありません。CSS で簡単に実行できます。@media queries

@media all and (max-width: 699px) { /* Change Width Here */
  div.class_name {
    display: none;
  }
}
于 2013-05-09T10:12:14.267 に答える
2

@media タグを使用してCSSでこれを行うことができます

   /*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で検出する方法は?

于 2013-05-09T10:14:31.440 に答える