在做网站的时候不光是网页要在多浏览器兼容性要好，还要考虑到大部分客户端浏览体验！

有没有遇到过图片忽大忽小的在网页里展示，有些图片太大而溢出表格或层！

下面这段CSS代码，不管是图片，还是DIV层之类的，都可以将其控制在一定的大小范围内！

#sub img{  margin:auto;  max-width:680px; /*最大尺寸 兼容IE7 8 FF Saf Chrome*/  width:680px;   width:expression(document.body.clientWidth>680?"680px":"auto");/*最大尺寸 兼容IE6*/  overflow:hidden; /*溢出部分隐藏，避免控制失败引起撑开变形。*/  height:auto; }

 

这段代码可以控制图片或层的宽度不高于680px，如果大于则宽度以680px显示，如果小于则以真实宽度显示！