全部代码:
<!DOCTYPE htmlPUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.picbox
{
width:200px; /*此处200为盒子的宽度*/
height:200px; /*此处200为盒子的高度*/
}
.picboximg
{
max-width:200px; /* 在IE7、FF等其他非IE浏览器下最大宽度为200px。但在IE6中无效。*/
max-height:200px; /*在IE7、FF等其他非IE浏览器下最大高度度为200px。但在IE6中无效。*/
height: 200px;
width:200px;
width:expression(document.body.clientWidth>200?"200px":"auto");/*当图片宽度大于200px,自动缩小为200px。在IE6中有效。
*/
height:expression(document.body.clientHeight>200?"200px":"auto");/*当图片高度大于200px,自动缩小为200px。在IE6中有效。*/
overflow:hidden; /*超出的部分隐藏,避免控制图片大小失败而引起的撑开变形*/
}
</style>
</head>
<body>
<divclass="picbox">
<imgsrc="../pic/dh.jpg"></div>
</body>
</html>
改自: http://hi.baidu.com/liyao1986/blog/item/040869d0b1f9ee9ea1ec9c5f.html