使用width:100%
max-width:100%
这里max-width:100%起的作用是什么,不设置会怎么样?
因为个人觉得width:100%就和父元素等宽了,不会变大了,max-width:100%好像是多此一举
设置width是把宽度定死了,而设置max-width,宽度可以在0-max-width之间
比如:当元素内部宽度不足max-width时,外层元素的宽度随内层元素宽度改变
如果设置width:100%,那设置max-width:100%就没什么意义。
发你的代码截图我看看
设置max-width,宽度可以在0-max-width之间
设置width是把宽度定死了,而设置max-width,宽度可以在0-max-width之间
max-width:100%;好像没有必要,如若要设置图片大小
.divImg{
width: 800px;
height: 600px;
}
方法一:只设置图片宽1000%,高度自适应(好处:图片等比例缩放,不会变形)
.divImg img{
width: 100%;
}
方法二:设置图片宽1000%,高1000%(好处:填满整个div大小,不会留白;坏处:图片可能会变形)
.divImg img{
width: 100%;
height: 100%;
}