网页图片自适应大小

dn001 2014-01-29 19:43:20

<!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>
<style type="text/css">
img,a img{
border:0;
margin:0;
padding:0;
max-width:300px;
width: expression(this.width >300 && this.width > this.height?300px : 'auto';);
max-height:500px;
height: expression(this.height >500?500px:'auto';);
}
</style>
</head>
<body>
<div>
<div></div>
<table width="300px" height="500px">
<img src="box_bg1.gif">
</table>
</div>
</body>
</html>

标签：