センターキティ？ jsFiddleで？

Question

http://jsfiddle.net/TurtleWolf/P7xKm/

私がしようとしているのは、モニターのサイズに関係なく画像を中央に伸ばして、常にフルの画像で背景を塗りつぶすことです。それ以上の、またはその画像の完全な水平よりも小さい ...任意の提案？

Answer 1

これは水平を記入します：

<div id=container> 
    <img src="http://placekitten.com/g/200/300" style="width: 100%;"/> 
</div> 

フィドルリンク：http://jsfiddle.net/YSnDa/

あなたはまた、それが垂直に伸ばしたい場合は、（それはあなたが同様に望んだ場合、あなたが追加することができます明確ではありませんでしたあまりにも高さの定義：

：理想的

height: 100%; 

、あなたのHTML/CSSを分離するためにクラスにこれを抽出する必要があります

<style> 
    .bg_image { 
     width: 100%; 
    } 
</style> 

そして、あなたのイメージにクラスを適用します。

<img src="http://placekitten.com/g/200/300" class="bg_image" />  

Answer 2

http://jsfiddle.net/P7xKm/2/

テキスト整列：センター

Answer 3

あなたは完全に背景を埋めるために、画像のストレッチをしたい場合は、：

img { 
    width:100%; 
    height:100%; 
} 

はそれを行う必要があります。

Answer 4

img { 
    width:cover; 
} 

は私が...それで最近