1

画面サイズ/解像度が小さくなり、すべてが忙しくなりすぎて、背景画像が消えるようにしようとしています。

私は非常に基本的な HTML スキルを持っていますが、基本的に CSS の知識はありません。

問題を複雑にする可能性があるのは、わずかに変更された Big Cartel にあることです。現時点では、バックグラウンド用に次のコードがあります。

body {
  background-repeat: no-repeat ;
  background-image: url("http://dl.dropbox.com/u/19831829/Sour%20Milk%20Website/sidework copyR.png"), url("http://dl.dropbox.com/u/19831829/Sour%20Milk%20Website/sideworkL.png");
  background-attachment: fixed;
  background-position: left, right
}

メディアの問い合わせ (?) を調べましたが、うまくいきませんでした。

可能な限りの助けをお願いします。喜んで提供できるコードをもっと見る必要があると思います。また、トラブルのために無料のティーを投げることができます!

4

2 に答える 2

2

メディア クエリを適切な方法で含めなかった可能性があります。ブラウザ ウィンドウの幅が 600px 以下の場合に背景を表示するメディア クエリを使用した CSS の例を次に示します。

body {
  background-repeat: no-repeat ;
  background-image: url("http://dl.dropbox.com/u/19831829/Sour%20Milk%20Website/sidework copyR.png"), url("http://dl.dropbox.com/u/19831829/Sour%20Milk%20Website/sideworkL.png");
  background-attachment: fixed;
  background-position: left, right
}
/**
 * Remove background if window width is 6OOpx or less 
 */
@media all and ( max-width: 600px ) {
  body {
    background: none;
  }
}

作業例: http://codepen.io/anon/pen/sfLmo (ブラウザのサイズを変更してテストします)

乾杯。

于 2014-05-12T11:41:13.717 に答える