2011年8月11日 星期四

CSS 強制縮圖

為避免使用者插入過大圖片,可利用CSS來將之強制縮圖!

div. className img {
max-width: 500px;
width:expression(this.width > 500? "500px" : this.width);
overflow:hidden;
}

div. className img中的500則是指定圖片寬度上限,超過此上限,會強制縮到500px,這樣就不用擔心被圖稱破版面了。
「max-width」IE不支援,所以才用CSS Expression來讓IE縮放寬度
IE 8 版本在標準模式下,不再支援CSS Expression

【下列文章您可能也有興趣】

沒有留言: