2、css3中可以通过background-size来控制的大小。
background-size属性用法：
background-size: length|percentage|cover|contain;
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
具体示例可以参考：>一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了。我们看下面的代码：
div img {
max-width:600px;
width:600px;
width:expression(documentbodyclientWidth>600"600px":"auto");
overflow:hidden;
}
◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
◎ width:600px; 在所有浏览器中的大小为600px;
◎ 当大小大于600px，自动缩小为600px。在IE6中有效。
◎ overflow:hidden; 超出的部分隐藏，避免控制大小失败而引起的撑开变形。
二、有时候太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩的高度或宽度
css代码如下：
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(thiswidth>590"590px":thiswidth);
max-height:590px;
height:expression(thisheight>590"590px":thisheight);
}
这样当的高度或宽度若超过590px，将会按比例压缩成590px，如果不超过则按原大小显示。quote]Originally posted by [i]NOYPE[/i] at 2005-6-11 14:22
用CSS里面的Width,可以控制的宽
例如
IMG {
width=80%
}
可以控制所有的宽度在80%
但是不能判断当宽度超过500时候,自动缩小 [/quote]
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）