@mediaを使用してコンピュータ画面をターゲットにする

Question

私はウェブサイトを持っています。コンテンツは960ピクセル幅に設定され、幅が広いデバイスには単色のボディ要素が表示されます。私はそのボディに背景イメージを追加しようとしていますが、ボディを見ることができるデバイスにロードするだけで、他のデバイスはそれを見ることができない場合には時間を無駄にする必要はありません。

例えば、私のビューポートメタタグは静的な960pxに設定されています（これはお勧めしません）ので、電話機は自動的に960pxの幅に調整されるため、本文を見ることができません。

CSSで@mediaを使用して、960ピクセル以上の幅のデバイスにのみ背景イメージを表示するにはどうすればよいですか？

Answer 1

CSSで@mediaを使用して、幅が960ピクセルを超えるデバイスで背景イメージを表示するにはどうすればよいですか？

これはどういう意味ですか？

body{ 
    background:url('http://mobilemarketingwatch.com/wp-content/uploads/2016/01/Is-Google-Searching-for-the-Next-Big-Thing1.jpg'); 
} 


@media only screen and (max-width: 960px) { 
    body{ 
     background:none; 
    } 
} 

DEMO

ブラウザのサイズを変更する場合は、本体の背景画像が消えます。