html背景图片自适应屏幕

[小兔Cavan]

想在网页的最顶端加上一个图片，但是图片却不能适应所有的分辨率，有时图片不够大，侧面有空白。请问怎么解决？

[风中的那一缕头发]

图片宽度改成<img src="" width="100%" />

[zpjshiwo77]

CSS里面声明图片的属性height:100%，width:100%。tips：如果图片的像素不够高的话，在屏幕高分辨率的情况下，图片会变得模糊。如果图片的容器和图片的尺寸不对的话，可能会造成图片变形。

[李尸尸]

两种办法： 第一种办法：就是设定width:100%,但这样若是分辩率过大，而你的图片肯定有尺寸，进行放大时，你的图会显得很虚。所以不推荐（但手机端推荐用这种办法,background-size控制大小显示）； 第二种办法：按现在普遍应用设计一张宽1920的图，进行居中定位；

[namelesswei]

图片属性不要设置宽度。html <div><img src='''></div> css: img{width:100%;display:block;}