样式如下:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于600px,自动缩小为600px;
overflow:hidden;
}
本文介绍了一种使用CSS实现图片自适应的方法,确保了在不同屏幕尺寸下图片能够保持良好的显示效果。通过设置最大宽度、图片大小及溢出隐藏属性,使图片在浏览器中的展示更加灵活且美观。
样式如下:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于600px,自动缩小为600px;
overflow:hidden;
}
1万+

被折叠的 条评论
为什么被折叠?