有时会遇到这样的问题:
在一个大小固定的区域中显示图片,图片小自然没问题.如果图片大于显示区域,就只能显示图片的一部分!
怎样让小图片正常显示,大图片缩小到显示区域内?
例如显示区域width:600px, width大于600的图片在600以内(550px)显示.
这个也是在网上看到的~个人感觉很强~呵呵
#div img { background: #fff; border: 2px solid #eee; padding: 1px;
max-width:550px;myimg:expression((){this.style.width=(this.offsetWidth > 550)?"550px":"auto"});}
在一个大小固定的区域中显示图片,图片小自然没问题.如果图片大于显示区域,就只能显示图片的一部分!
怎样让小图片正常显示,大图片缩小到显示区域内?
例如显示区域width:600px, width大于600的图片在600以内(550px)显示.
这个也是在网上看到的~个人感觉很强~呵呵
#div img { background: #fff; border: 2px solid #eee; padding: 1px;
max-width:550px;myimg:expression((){this.style.width=(this.offsetWidth > 550)?"550px":"auto"});}
本文介绍了一种使图片能够在固定尺寸区域内自适应显示的方法。通过CSS样式设置,无论是小图片还是超过显示区域的大图片,都能确保完整展示。适用于网页设计中图片显示的需求。
750

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



