• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网站设计网页设计应用:使用CSS截字
网站建设时钟显示在任意指定位置
网页设计DW8在网页中轻松插入Flash视频
北京网站制作限制文本字节数的JS源代码程序
网页设计Photoshop使美女皮肤更加红润真实教程
北京网站建设初学者来看:网页中应用CSS的三种方法
网站制作常用Web图像格式简述:png/svg
北京网站建设网友分享:TopStyle Pro 的使用技巧
北京网站制作网站基本配色——低沉
北京网页设计javascript使图片加载进度实时显示


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站设计北京网站设计div下图片自适应解决方法

网站设计北京网站设计div下图片自适应解决方法


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

北京网站制作以前的解决方法主要是利用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

百分比适应: Www_Chinaz_com

以下为引用的内容:网页设计

<!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>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" ); 网站设计网站设计
border:1px dashed #000; 网站设计 网页设计
} 企通互联
--> 北京网页设计
</style> 北京网站设计
</head> 网站建设
<body> 北京网页设计 www.qitongnet.com
<div id="pic"> 企通互联
<img src="/articleimg/2006/03/3297/koreaad_10020.jpg" alt="感谢blueidea被我盗链图片!"/> 北京网站设计
</div> 北京网站制作
</body> 网页设计
</html>

Www_Chinaz_com

中国.站长站

企通互联
字体:【大】【中】【小】

上一篇:网站建设网页优化研究:为什么要使用html的meta标签?

下一篇:网站设计div下图片自适应解决方法

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates