布景強制縮圖

如同主題，強制縮圖。因您並不知道在網站中，朋友上傳的圖檔有多大？避免，因圖檔過大破壞了整個布景的版面，您可以參考如下作法。

1.先找到要修正的標籤（自己安裝一下好用的元件輔助您吧）

2.在該標籤裡，輸入下面語法（這裡，採我的布景範例）

[html]
#page2 img { /* 6/16 強制縮圖針對id=page2*/
max-width: 500px;
width:expression(this.width > 500? "500px" : this.width);
overflow:hidden;
}
[/html]



3.將修正好的檔案上傳到主機裡，然後側試看看吧？

如果無誤的話，呈現的版面會如下圖所示

整個頁面很棒吧！

下方是老師講義上的筆記，給朋友參考用

強制縮圖

1. 為避免使用者插入過大圖片，可利用CSS來將之強制縮圖！
2. div. className img {
   max-width: 500px;
   width:expression(this.width > 500? "500px" : this.width);
   overflow:hidden;
   }
3. div. className img中的500則是指定圖片寬度上限，超過此上限，會強制縮到500px，這樣就不用擔心被圖稱破版面了。
4. 「max-width」IE不支援，所以才用CSS Expression來讓IE縮放寬度
5. IE 8 版本在標準模式下，不再支援CSS Expression