貼圖時自動調整寬度、高度,不超過 640 像素的方式,寫在 CSS 檔裡面用的。

img {
max-width: 640px;
max-height: 640px;
width:expression(this.width>640 ? 640:true)
height:expression(this.height>640 ? 640:true)
}

max 開頭的前兩行,是給 Firefox、Google Chrome、Safari 瀏覽器看的。
後面那兩行看起來有判斷式的,是給 IE 6/7/8 瀏覽器看的。

所以上述語法可以一網打盡主流的瀏覽器,引用大張的圖片進來時可以自動調整寬度或高度,不至於撐破你的版面。
創作者介紹
創作者 樺~小花花 的頭像
樺~小花花

無樺不談~

樺~小花花 發表在 痞客邦 留言(1) 人氣()