Back to home
CSs图片自适应div大小变化
2014-08-18 21:47:53 -0700
代码说明
CSS图片自适应，当最大化显示div的时候，图片会跟着变大，是按比例放大图片。没有使用JS控制，值得借鉴的一个代码。
HTML代码
<style type="text/css"> body {font-size: 12px; text-align: center; margin: 0px; padding: 0px;} #pic{margin:0 auto; width:auto; padding:0; border:1px solid #333;} #pic img{max-width:auto;width:expression(document.body.clientWidth > auto? "auto": "auto");border:1px dashed #000;} </style> </head> <body> <div id="pic"> <img src="http://www.codefans.net/jscss/demoimg/wall7.jpg" alt="图片自适应"/> </div>
代码演示
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N
