DIV CSS 佈局教程網

<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img")
{
imgObj = document.all(i)
//建議只判斷高度或者寬度其中一個，那樣可以自動按比例縮放
if (imgObj.height>500)
//判斷圖片的高度，如果大於500，則設置為200，值可以自己修改
{imgObj.height=200}if (imgObj.width>500)
//判斷圖片的寬度，如果大於500，則設置為200，值可以自己修改
{imgObj.width=200
}
}
}
</script>

2.CSS裡面加入下面這段代碼就可以實現了
body img{
vertical-align: middle;
max-width: 500px;
width: expression(this.width >500 && this.height < this.width ? 500: true);
}