CSS強(qiáng)制按比例縮小圖片
發(fā)布時(shí)間:2010-07-23 19:02:28 作者:佚名
我要評(píng)論

CSS強(qiáng)制按比例縮小圖片,很多情況下,不用這種方法,會(huì)增加ie負(fù)荷。
<title>CSS強(qiáng)制按比例縮小圖片</title>
<style>
img,a img{
border:0;
margin:0;
padding:0;
max-width:200px;
width:expression(this.width>200?"200px":this.width);
max-height:200px;
height:expression(this.height>200?"200px":this.height);
</style>
<img src="/jscss/demoimg/wall3.jpg">
<style>
img,a img{
border:0;
margin:0;
padding:0;
max-width:200px;
width:expression(this.width>200?"200px":this.width);
max-height:200px;
height:expression(this.height>200?"200px":this.height);
</style>
<img src="/jscss/demoimg/wall3.jpg">
相關(guān)文章
CSS3實(shí)現(xiàn)的全屏背景圖片縮小漸變切換效果源碼
這是一款純CSS3實(shí)現(xiàn)的全屏背景圖片縮小漸變切換效果源碼,頁(yè)面的背景圖可呈現(xiàn)定時(shí)漸變與切換效果。漸變大小縮放效果流暢自然,采用純css3技術(shù)控制切換效果。2016-06-22CSS3實(shí)現(xiàn)的鼠標(biāo)滑過(guò)圖片放大縮小過(guò)渡特效源碼
是一段實(shí)現(xiàn)了鼠標(biāo)經(jīng)過(guò)圖片后圖片會(huì)進(jìn)行縮小顯示,而滑過(guò)圖片后該圖片就會(huì)放大成原裝的效果代碼,本段代碼適應(yīng)于所有網(wǎng)頁(yè)使用,有興趣的朋友們可以前來(lái)下載使用2015-05-11彩色3D立方體扭曲CSS3動(dòng)畫可在不同角度扭曲、放大和縮小
一款HTML5動(dòng)畫,立方體會(huì)在不同的角度進(jìn)行扭曲、放大和縮小2014-06-06依靠CSS3的強(qiáng)大功能實(shí)現(xiàn)圖片放大縮小效果
這個(gè)圖片放大效果依靠CSS3的強(qiáng)大功能,在圖片縮放過(guò)程中帶有漂亮的過(guò)渡效果,非常震撼2013-09-29一個(gè)純CSS3無(wú)js實(shí)現(xiàn)超酷的圖片旋轉(zhuǎn)+放大縮小的玄幻效果
無(wú)需任何JS代碼即可實(shí)現(xiàn)圖片的旋轉(zhuǎn)、放大、縮小,把這些效果全部疊加到一起會(huì)有多么酷2013-08-02CSS實(shí)現(xiàn)圖片等比例縮小不變形的實(shí)例代碼
這篇文章主要介紹了CSS實(shí)現(xiàn)圖片等比例縮小不變形,通過(guò)實(shí)例代碼給大家介紹了css控制圖片大小不變形的相關(guān)知識(shí),需要的朋友參考下吧2018-08-30