厦门网站建设厦门翰墨品牌建站

专注于高品质厦门网站建设及程序开发、网站推广等现代信息服务于一体的网络服务公司

点击这里给我发消息 点击这里给我发消息
当前位置:首页 > 新闻中心 > 建站知识 >

div+css如何实现图片自适应大小代码

作者:   发布时间:2015-05-15 14:55:39   访问:
如何用div+css让图片自适应呢?请看下面的代码。

<!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=utf-8" />
<title>如何用div+css让图片自适应</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
  margin:0 auto;
  width:500px;
  padding:0;
  border:1px solid #333;
  }
#pic img{
    max-width:480px;
width:expression(document.body.clientWidth > 480? "480px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.mscny.com/statics/images/logo.jpg" alt="网站建设_建网站_建设网站_专业网站建设_网站建设工作室_慧时空网站建设工作室"/>
</div>
</body>
</html>

里面的width:expression(document.body.clientWidth > 480? "480px": "auto" ); 就是让图片最大是480px。

标签:

上一篇:为什么企业愿意花几万元建个企业网站
下一篇:.net是否可以开发安卓app

 
  • 电话咨询

  • 18205997752