中心凱蒂？在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/

的text-align：中心

Answer 3

如果你想使圖像拉伸完全填充背景，則：

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

應該這樣做。

Answer 4

img { 
    width:cover; 
} 

就是我開始使用最近