Question

HTML加CSS图片像素太大，导致图片溢出窗体大小，怎么设置图片随窗体变化

如题，我将一张图片设置为一个窗体的背景图片，结果图片溢出，只能显示部分！怎么能让它全部显示出来！（如何我用ps将图片像素弄小，但是到了像素高的显示器上显示就会出现白色边框.）大神。。。。！求解决

Answer 1

可以给背景图片加个尺寸限定：
background-size: 100% 100%; /* 背景图片同窗口完全自适应，但长宽可能会变形 */
background-size: contain; /* 背景图片同窗口完全自适应，并且不变形 */

Answer 2

对图片使用CSS：

img {
    max-width:100%;
    height:auto;
}

缺点，IE6不支持。

Answer 3

把图片作为div的背景。居中显示～就ok了
自适应屏幕宽度。

Answer 4

/*往body上加背景图片*/
body {
width: 100%;
height: auto;
background: url(../images/bg_002.png) left top repeat;
}

Answer 5

这个只能设置图片的宽度和高度与你的层一致了。。。。另外我记得用css设置背景图片然后不平铺是不会溢出的啊??? 你可以试试！