通过CSS控制图片自动缩小

在文章的内容区中，通常会有图片。如果图片的尺寸过大，常会把页面结构撑得变形。
以前，我采用JS来控制，效果还是不错。
这段时间，一直用DIV+CSS的方式来制作页面，发现用CSS来得更方便，相信处理速度也更高。
方法如下：同样可以用对高度进行控制。

这种方法可以满足: 一个页面中，不同图片，超过所需大小时，自动缩成不同尺寸的需求。

应用面也很广，比如：一般的CMS等文章管理中，通常都有小图、大图。而我们在页面上，通常需要读取同一个图片，而分不同尺寸显示。再结合 overflow:hidden; 相信图片也就不会变形了。

相关文章

使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式修改本站position:absolute下的宽度BUG用css控制中文字与英文字的间距25个优秀激发灵感的暗色调 CSS Web 设计niftycube造成position:relative失败?回归原始，尽量使用XHTML标签默认属性CSS中的max-width和min-width利用css样式中的expression来攻击css完美设计：灵活设置字体[转载]根据时段自动切换你的站点CSS风格CSS hack浏览器兼容一览表CSS Hack汇总快查[转载]表单的CSS设计(css form design)CSS中expression使用简介重新制作了本BLOG的CSS

标签：css 发布于：2007-05-17 06:05:13