您的位置: 首頁(yè) > 源碼資料
css實(shí)現(xiàn)圖片自動(dòng)按比例縮放,兼容IE6 7 8,火狐等
源碼資料 時(shí)間:2013-05-16 作者/發(fā)布人:科杰在線 點(diǎn)擊:2915
純css的防止圖片撐破頁(yè)面的代碼，圖片會(huì)自動(dòng)按比例縮小。(css 圖片自動(dòng)縮放 )
完美兼容：IE6、IE7、IE8、Firefox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>科杰在線pc354.com</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 700px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>
</head>
<body>
<div class="content-width">
<p><img src="pc354.jpg"/></p>
<p><img src="pc354.jpg"/></p>
</div>
</body>
</html>
完美兼容：IE6、IE7、IE8、Firefox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>科杰在線pc354.com</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 700px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>
</head>
<body>
<div class="content-width">
<p><img src="pc354.jpg"/></p>
<p><img src="pc354.jpg"/></p>
</div>
</body>
</html>
--------------------------全文完----------------------------
0% (0)
0% (0)
生活常識(shí)
創(chuàng)意無(wú)限
- 英國(guó)“神奇凝膠”緩解“皮肉之苦”(08-03)
- 德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)
- 英國(guó)女學(xué)生用立體涂鴉畫出“隱形車”(圖)(05-10)
- 創(chuàng)意到實(shí)用！國(guó)外知名地鐵站設(shè)計(jì)欣賞(04-13)
- 工業(yè)革命時(shí)代的粗曠！起重機(jī)造型吊燈(04-13)
源碼資料
資源中心
- 原文：為什么這么多人黑周星馳(全文)(09-12)
- 紅藍(lán)3D眼鏡測(cè)試演示3D圖片-風(fēng)景、人物及其他2..(02-06)
- 紅藍(lán)3D眼鏡測(cè)試演示3D圖片及美女3D視頻-美女篇..(02-06)
- “東亞病夫”是中國(guó)人自已罵自已的,非洋人(08-06)
- eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)
