我们（特别是像我一样的菜鸟）经常会遇到一个问题——图片自适应。这个问题是很普遍的。在文章区，在论坛，可以这么说：哪儿需要上传图片，哪儿就存在这个问题，而论坛上也不时有人询问。为什么？原因很简单，我们不能要求网页编辑或者你的论坛会员都会裁剪图片或者了解最基本的HTML代码——尽管这并没有多少技术含量。
以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的CSS2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。本人仅在ie6.0,ff1.5,opera7.0于winXP下测试通过，希望通过此篇文章抛砖引玉，望更多高手指点。关键在于：max-width:780px;以及下面那行。
固定像素适应:
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
百分比适应:
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
提醒:
1 该方法不只是用于img;
2 max-width,max-height,min-width,min-height.
BK网络学院主要内容：平面设计教程,网站开发在线教程,网页制作教程,服务器教程,网络编程,数据库教程等。