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

发布网友发布时间：2022-05-11 05:48

共6个回答

热心网友时间：2022-05-11 07:17

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

热心网友时间：2022-05-11 08:35

对图片使用CSS：

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

缺点，IE6不支持。

热心网友时间：2022-05-11 10:10

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

热心网友时间：2022-05-11 12:01

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

热心网友时间：2022-05-11 14:09

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