Question

html如何使图片适应当前浏览器可见分辨率

就像yeah.net首页一样，无论如何拉长/缩短浏览器边框，背景都是居中的（一束阳光固定在中间），而且图片永远充满屏幕不会有空隙
——————————
如果用width=100% height=auto的话，浏览器比较窄的时候，图片就无法充斥整个画面了。如何向yeah.net一样处理图片？

Answer 1

让图片适应当前浏览器而且居中，一般使用CSS的背景图来做，示例代码如下：

<style>
div{background:url(图片地址) center top no-repeat;height:100px;}
</style>
<div>这里是内容</div>

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

background-color        规定要使用的背景颜色。

background-position   规定背景图像的位置。

background-size           规定背景图片的尺寸。

background-repeat      规定如何重复背景图像。

background-origin

background-clip

background-attachment

background-image     规定要使用的背景图像。

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

Answer 2

background:(/123.jpg);margin:0 auto;

居中就可了！