貼圖時自動調整寬度、高度,不超過 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 瀏覽器看的。
所以上述語法可以一網打盡主流的瀏覽器,引用大張的圖片進來時可以自動調整寬度或高度,不至於撐破你的版面。
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 瀏覽器看的。
所以上述語法可以一網打盡主流的瀏覽器,引用大張的圖片進來時可以自動調整寬度或高度,不至於撐破你的版面。
全站熱搜
留言列表