織夢(mèng)內(nèi)容頁圖片等比例縮放,用CSS控制圖片適應(yīng)大小
網(wǎng)上找了好幾個(gè),都不太理想,有的還需要修改網(wǎng)站程序,有的需要調(diào)用JS。下面這段CSS是我比較滿意的一個(gè),純CSS,非常不錯(cuò),我這邊設(shè)置的最大寬度是700像素,超過700的,都按700等比例縮放。
.img {max-width: 700px;//非IE瀏覽器
zoom:expression( function(elm) {//IE瀏覽器
if (elm.width>700) {
var oldVW = elm.width; elm.width=700;
elm.height = elm.height*(700 /oldVW);
}
elm.style.zoom = '1';
}(this));}
聲明:
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請(qǐng)聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時(shí)請(qǐng)標(biāo)注作者與來源。
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請(qǐng)聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時(shí)請(qǐng)標(biāo)注作者與來源。
THE END