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

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