css - 背景画像が特定のブラウザ幅でレスポンシブになる

Question

デスクトップ用に満足している特定の高さと幅の大きな背景画像があります。背景位置センタートップatmを使っているので画像全体は見えますが、ブラウザの幅が狭くなっているため幅がトリミングされています。

フォーカスされている画像の特定の中央部分があるため、特定のブラウザー幅 (約 1000px - 画像が幅でトリミングされている場所) に達したら、画像のその表示可能領域が応答するようにします。ブラウザが決定した目に見えるトリミングされた幅を保持するモバイルへ...これは可能ですか?

どうもありがとう

Answer 1

正確な意味はわかりませんが、メディア画面を使用したいと思います。

 @media screen and (max-width:1000px) {
        img{
           width:100%;
        }
    }

何か他のことを意味する場合は、投稿に返信してください:)