代码改变世界

图片比例缩小图片css

2011-11-28 11:12  NEVERGIVEUP-  阅读(165)  评论(0)    收藏  举报

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>图片比例缩小图片css</title>

</head>

<body>

<style type="text/css">

img{max-width:300px;width:expression(document.body.clientWidth > 300 ? "300px" : "auto")}

</style>

<script type="text/javascript">

</script>

<div id="box">

<img src="http://hiphotos.baidu.com/nevergivejun/pic/item/86a50d0f58778efa7acbe159.jpg" />

</div>

</body>

</html>