推奨事項 (「css のみのテクニック 1」はこちらhttp://css-tricks.com/perfect-full-page-background-image/ ) に基づいて、インラインの img 要素と css を使用して背景画像を作成しました。ブラウザ ウィンドウ全体を埋めます。
ウィンドウの特定の幅の下で、画像のサイズが変更されると、画像の水平方向の圧縮が開始される、つまり、画像の縦横比が維持されないことを除いて、すべて正常に機能します。
たとえば、この jfiddle...ブラウザを移動すると、ハニー ブー ブーの縦横比が保持されていないことがわかります。
http://jsfiddle.net/4040newb/h7QMv/2/
<div class="container-fluid">
<a href="gallery.html">
<img src="http://thenypost.files.wordpress.com/2013/09/tv-honey_boo_boo.jpg" class="bg "/>
</a>
</div><!-- .container -->