在DIV下图片自适应的解决方法
以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。关键在于：max-width:780px;以及下面那行。6_f[Z(x"z\
[b]固定像素适应:[/b]
dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> 以下是引用片段：x-c;@ d2cGO
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> 'ZPl b%m d
<html xmlns="http://www.w3.org/1999/xhtml";> F{.O ?hFG
<head>
<meta http-equiv="Content-Type" c />
<title>css2.0 VS ie</title>
<style type="text/css"> E[&r Z f4J i}z:rp
<!-- TGR F)V HEY'],J2G-D
body {
font-size: 12px;
text-align: center; `m1n4| v3r
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px; )_ Me \9D1H P,Myc
padding:0; #T#I;\&l$y
border:1px solid #333; k T%~5|A&M }n
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth > 780? "780px": "auto" );
border:1px dashed #000;
} "U B p2n'p O
-->
</style>
</head>
<body>
<div id="pic">
<img src=[url=http://webclub.net.cn/images/Beijing2008/logo.gif]http://webclub.net.cn/images/Beijing2008/logo.gif[/url]>
</div> x&[Zfg%YJF%}
</body> 0jD9Y2W"mM c+BK
</html>
-`4`3Q(T5f0~6w
百分比适应: {(E0~ Mi.~ hQ
以下是引用片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> M#T/JPM(BD
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" c />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body { jO@b#a8bj:?"o
font-size: 12px; TA v'ob d1I l
text-align: center;
margin: 0px; ?*Zed/J8MEQ1F
padding: 0px; w1o [ lK
} y.{&d y j:NE
#pic{ ;EA(t `P6v
margin:0 auto; J J2Yt9F Ua6e.k#n
width:800px; -b l {qNW
padding:0; J:FE:?:{/N*Rbv
border:1px solid #333;
}
#pic img{
max-width:780px; *M|;O"{P/o
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" );
border:1px dashed #000; i/V^N Rb
}
--> v Q#U,o,e jv
</style>
</head>
<body>
<div id="pic"> |3y}wDBj'}m
<img src=[url=http://webclub.net.cn/images/Beijing2008/logo.gif]http://webclub.net.cn/images/Beijing2008/logo.gif[/url]> 3V?nt5J2P
</div> Xr:nz,U#RIo
</body> G&hn&xE1e?wt3}8m9O
</html>
页:
[1]