DIVで背景画像を反応させる

Question

div内で背景画像を反応させたい。スクロールすると視差効果があります。私はすでにmedia queriesの背景をカスタマイズしようとしましたが、高さを調整するだけの希望はなく、モバイルデバイスの幅ではページ全体が含まれていません。誰かが私にこれを解決する手がかりを与えることができますか？私はhtmlとcssに新しい。 divのための

htmlコード：

<div class="parallax"></div> 

CSSコード：

.parallax { 
    height: 502px; 
    background-image: url(../img/back2.png); 
    background-attachment: fixed; 
    background-position: -70px 80px; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

@media screen and (min-width: 270px) and (max-width: 320px){ 
.parallax { 
    max-height: 300px; 
    background-image: url(../img/back2.png); 
    background-attachment: fixed; 
    background-position: -70px 40px; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
} 

Answer 1

あなたはプロパティを使用する必要があります：background-size:100% auto;

widthプロパティを100％に設定されている場合は、画像がされます応答性が高く、スケールが上下します。

詳細はこちらのリンクを参照してください。w3schools