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

2024-12-15 02:58:52

推荐回答（5个）

回答1：

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

回答2：

对图片使用CSS：

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

缺点，IE6不支持。

回答3：

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

回答4：

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

回答5：

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