在DIV下图片自适应的解决方法
以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。a U [ ai$^ F关键在于：max-width:780px;以及下面那行。
[b]固定像素适应:[/b]u+H3iZL,P
1AIZ/Hq
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> 以下是引用片段：)T5G e0_$L[E
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> !g9X)h"Uk!y#^
<html xmlns="http://www.w3.org/1999/xhtml";>
<head> #p Mc-V6UnJxE8d
<meta http-equiv="Content-Type" c /> D)M` T:l g6n
<title>css2.0 VS ie</title> %m2Q:G0yq#F4N(`1W"{ s O
<style type="text/css">
<!-- y A!yx fO k3r9e N
body { ]3{}5t XPNn
font-size: 12px; 5Q!` {3Yp(o;NYQ
text-align: center;
margin: 0px;
padding: 0px; G1cD%r"wS
} 6\'D6}/@_\:Q-z/o(J
#pic{ ;Ba0G;O V re CU
margin:0 auto; 4I K'~q$D
width:800px;
padding:0;
border:1px solid #333; z b$|7jj knh
} *oZ(_*],?c-O
#pic img{
max-width:780px; F|6z6X9p Y
width:expression(document.body.clientWidth > 780? "780px": "auto" ); -T4~GV^B)Ha&E
border:1px dashed #000;
}
-->
</style> !eu)j,_ \ ^6\rE N
</head> ;P%ey5c1W ? Q&x
<body>
<div id="pic"> (B x)g5Q8y)Q2ml
<img src=[url=http://webclub.net.cn/images/Beijing2008/logo.gif]http://webclub.net.cn/images/Beijing2008/logo.gif[/url]> 6[ L Z3DUd Kk(R G
</div> %K(?/N/M4A:D!z K
</body> ;o{5I OB
</html> f3`0O#L Ke`2S?
百分比适应::j zlc6u8Z
以下是引用片段： d C2N"f$CB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> PcFi_ ~9G
<html xmlns="http://www.w3.org/1999/xhtml";>
<head> vn*Ns&GU j Y
<meta http-equiv="Content-Type" c />
<title>css2.0 VS ie</title>
<style type="text/css"> Rvc~ k
<!--
body {
font-size: 12px; 8?,K9zGa
text-align: center; )kKk6w-gBa
margin: 0px; t3X tqKE0S5]
padding: 0px;
}
#pic{
margin:0 auto; 6n\f'hI)mCK
width:800px;
padding:0; ;W)j]v;d*W
border:1px solid #333; N9I\x)^r#P%Ai
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" ); W8X/L#h(l X4}
border:1px dashed #000; E Q1wb0T7p`1e$_{
} $N6j2x4z }
--> W;|:{"v |` x
</style>
</head> F p s?s m#Q H6vy&f+n ~
<body>
<div id="pic"> NGMRT%{}7H
<img src=[url=http://webclub.net.cn/images/Beijing2008/logo.gif]http://webclub.net.cn/images/Beijing2008/logo.gif[/url]> 6i$?*H6f,Q+V k$Z
</div> 5TX$j&SL n kN
</body> S;] n5CZ YU E
</html>
页:
[1]