1080ピクセル幅からモバイル幅になるときの背景イメージのサイズまたはピクセル化の調整

Question

イメージをデスクトップからモバイルに移行するときにこのメディアクエリに追加しますが、それは適合しません。何かご意見は？

@media (max-width: 768px) { 
 
    #team { 
 
    background-color: #fff; 
 
    background-image: #444 url('../img/womencoffee.jpg') center top no-repeat fixed; 
 
    } 
 
}

私はそれを見るために行くとき、それはまだ本当に携帯電話のバージョンに私の画像を吹いています。

参照サイト]セクション：nonprofit section

Answer 1

あなたの問題は、あなたのCSSプロパティに不適切なパラメータを供給を中心に展開します。

@media (max-width: 768px) { 
    background-color: #999999; 
    background-image: image-url('http://placekitten.com/g/500/768'); 
} 

image-url()はurl()する必要がありますので、この1は動作しません：リンクで

は、メディアクエリがある提供しています。あなたの上方に設けられたコードで

ています

ここ

@media (max-width: 768px) { 
    background-color: #fff; 
    background-image: #444 url('http://placekitten.com/g/500/768') center top no-repeat fixed; 
} 

あなただけの1つのパラメータurl()を取るbackground-imageに複数のパラメータを供給しています。あなたは一度に複数の背景のプロパティを設定できるbackgroundプロパティを探していたと思います。

background-imageからbackgroundに変更します。この変更を行うと#444で再定義するので、background-colorは冗長になります。