<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片自动缩放</title> <style type="text/css"> <!-- body { font-size: 12px; text-align: center; margin: 0; padding: 0; } #pic { margin:0 auto; width:90%; padding:0; border:1px solid #333; } #pic img { max-width:80%; mywidth:expression(onload=function() { this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*8/10)? "80%": "auto" } ); border:1px dashed #000; --> </style> </head> <body> <div id="pic"> <h3>缩放窗口大小试试</h3> <img src="code/ym_imgauto/test.jpg" alt="测试图片"/> </div> </body> </html>