在DIV下图片自适应的解决方法
以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。1VJ%[&Re!B7t P关键在于：max-width:780px;以及下面那行。
[b]固定像素适应:[/b]C7z w*b"c'~d
D2Bb d }vLU"D
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> 以下是引用片段：
<!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";> R t[C(s%W
<head> X ldb0y ?
<meta http-equiv="Content-Type" c /> &Z t |E:{&{ rUy#q
<title>css2.0 VS ie</title>
<style type="text/css"> k6@*eVq}7m
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
} 4s7q0bMui7u`s
#pic{
margin:0 auto; l#a.JF)d
width:800px; F-C8y xu4JM
padding:0;
border:1px solid #333;
}
#pic img{ RI+s pe2n+g%CW!t
max-width:780px; 7BM6J ~%[-O
width:expression(document.body.clientWidth > 780? "780px": "auto" );
border:1px dashed #000;
}
-->
</style> &a~BG.w9U Tm+s hH
</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]> *}D F,_ ?
</div>
</body> \ uTwD2h!q
</html>
百分比适应:2k p7M&L1Y1\l8U J
以下是引用片段：)c3?%h#q#@+J/I _%~
<!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> A XN!ku2xiI+i
<meta http-equiv="Content-Type" c />
<title>css2.0 VS ie</title> 5f1t;x'R;tZ d u/B k Y6x
<style type="text/css">
<!-- ;e LYw'~1x y0`$D
body { 6U7}n.e:E m-a7L
font-size: 12px; K5c*s5G'U upN8c;I
text-align: center;
margin: 0px; L8l J9j.L~%h$?
padding: 0px;
} 'pBx i#Oe(j
#pic{ 1UcU1p7? X W9R:hb
margin:0 auto;
width:800px; 2E[Y3w8hfsP#z
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" );
border:1px dashed #000;
} yhm3zM[4N7Q
-->
</style>
</head> :ndv*q3] k
<body>
<div id="pic">
<img src=[url=http://webclub.net.cn/images/Beijing2008/logo.gif]http://webclub.net.cn/images/Beijing2008/logo.gif[/url]> DOi$FV"I
</div>
</body>
</html>
页:
[1]