相关文章
网站建设方法汇总 禁止查看网页源代码全攻略
北京网站建设Photoshop调色：阿宝色轻松做详细教程
网站制作DreamWeaver表格妙用-线框制作详解（1）
北京网站建设简析个人网站最缺少的几点要素
网站建设CAD三维基础实例教程
网站建设网页制作技巧：设计干净的链接
企通互联推荐几组漂亮的按纽CSS（名字自己定义）
网站设计html页面中嵌入另一个html页面
北京网站设计利用Photoshop特效做龙纹石
网站建设页面载入时提示消息层
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站设计div下图片自适应解决方法
网站设计div下图片自适应解决方法
以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。 Chinaz.com
关键在于：max-width:780px;以及下面那行。 Www^Chinaz^com
固定像素适应: 中国站.长站
| 以下为引用的内容： 北京网站制作北京网站建设 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";> 北京网站制作 北京网站设计 <head> 北京网站建设 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 北京网页设计 网页设计 <title>css2.0 VS ie</title> 中.国.站长站 北京网站设计 <style type="text/css"> 北京网页设计 <!-- 网站建设 body { 北京网站建设 font-size: 12px; 网页设计 text-align: center; 企通互联 margin: 0px; 北京网站制作 padding: 0px; 北京网站设计 } 北京网页设计 #pic{ 北京网站建设 margin:0 auto; 北京网站制作 width:800px; 北京网站制作 padding:0; 网页设计 border:1px solid #333; 企通互联 } 企通互联 网站制作 #pic img{ 北京网站设计 max-width:780px; 网站建设 width:expression(document.body.clientWidth > 780? "780px": "auto" ); 网站制作 border:1px dashed #000; 网页设计 } 北京网站建设 --> 北京网站设计 </style> 北京网站设计 </head> 网站建设 <body> 网站制作 <div id="pic"> 北京网站设计 <img src="/articleimg/2006/03/3297/koreaad_10020.jpg" alt="感谢blueidea被我盗链图片！"/> 网页设计 </div> 网站制作 </body> 企通互联 </html> |
百分比适应： Www_Chinaz_com
| 以下为引用的内容：企通互联 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> 北京网站设计 网站设计 Www_Chinaz_com |
