如何确保我的布局适合每个屏幕分辨率

Question

请参阅@ http://www.nobleprotocol.com

我正在尝试调整此图片的大小以适合每个屏幕。你可以给我任何css / html编码技巧来帮助我。

Answer 1

使用cover

html { 
  background: url("imageURL") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

来源：http://css-tricks.com/perfect-full-page-background-image/

看看这个

http://jsfiddle.net/TxyBQ/

Answer 2

<style type="text/css">
    body {
        background-image:url("image.png");
    background-size:cover;
    }
</style>