我希望图片的页面宽度和高度均为100％。
我找到了一些CSS，不记得现在在哪里，执行此任务 - 但是我的图像是16：9，当在4：3监视器上观看时，图像会被压扁以适应更窄的宽度。
因此，在16：9，图像将整齐地适应，而在其他分辨率（或浏览器尺寸）下，图像将被集中和裁剪，因此它缺少边缘。
从小提琴中可以看出，测试图像中的白色方块不是方形的。
小提琴：http://jsfiddle.net/7h6yt/
CSS / HTML。
<img src=http://i47.tinypic.com/izyqyv.jpg>
body{
margin: 0;
}
img{
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
img{
left: 50%;
margin-left: -512px;
}
}