cssを使用してHTMLで背景画像の固定高さを設定する方法、幅はデバイスの幅に合わせる必要があります

Question

私はbgイメージを固定高さにする必要があります。幅の変更。イメージはデバイスの幅に従って切り抜かなければならず、デバイスの幅が広がるとイメージの幅も増加するはずです。 私は幅2000pxの画像を持っていて、見ている最初のデバイスが1200pxであるとしたら、画像は両面、すなわち左から2000-400 = 1600px、右1600-400 = 1200から切り取られるはずです。これはバックグラウンドで画像を修正する方法です。 デバイスの幅が増えると、画像の高さは200px、幅は2000px、1000pxのデバイスでは画像は固定高​​さ、幅上記のように変更する必要があります。

Answer 1

背景中心と幅の背景サイズのカバーで、次のCSS

background-image: url('bg.png'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: top center; 

Answer 2

入れイメージで試してみてください：あなたのイメージがコンテナによって切断され、サイズ変更される。このように

div { 
    width:100%; 
    height:200px; 
    background:url('http://lorempixel.com/output/abstract-q-c-1920-1850-9.jpg') no-repeat center; 
    background-size:cover; 
} 

https://jsfiddle.net/mn7e0u12/

。