ページを拡大するときに背景イメージのサイズが変更されないようにする方法はありますか？

Question

背景画像は、100％で最もよく見える単純なパターンです。 ページを拡大するときに背景画像のサイズが変更されないようにする方法はありますか？

Answer 1

ズームは、ブラウザの機能であり、あなたの代わりにあなたのHTMLドキュメントにあなたはおそらく画像に引っ張ってみてください

Answer 2

を固定した画像のサイズを維持するためにできることは何もないので、それはちょうどあなたがあなたのブラウザでご覧くださいすべてを拡大しています：

<div id="bg-img"> 
    <img src="images/bg-img.jpg"> 
</div> 

は、あなたのCSSに起こって、あなたはそれに次のスタイルを適用することができ、画像を保持するDIV：

#bg-img{ 
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index:-4; 
} 

A boveスタイルのセットはあなたのイメージをどんなブラウザーにもうまく収まるように設定し、背景イメージのサイズ変更やズームの約3倍までの拡大を防ぎます。ブラウザーのサイズが変更された場合、サイズ変更または切り取りによってイメージが正しい比率を維持するように、最小幅の適切な値を必ず入力してください。