纯css的防止图片撑破页面的代码(图片自动缩放)
2009-12-08 19:32
525 查看
<!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>无标题文档</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>
</head>
<body>
<div class="content-width">
<p><img src="/down/js/images/12567247980.jpg"/></p>
<p><img src="/down/js/images/12567247981.jpg"/></p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>
</head>
<body>
<div class="content-width">
<p><img src="/down/js/images/12567247980.jpg"/></p>
<p><img src="/down/js/images/12567247981.jpg"/></p>
</div>
</body>
</html>
相关文章推荐
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- 纯css的防止图片撑破页面的代码图片会自动按比例缩小
- 页面定制CSS代码初探(一):页面变宽 文本自动换行 图片按比缩放
- [cnblogs镜像]页面定制CSS代码初探(一):页面变宽 文本自动换行 图片按比缩放
- 图片自动按比例缩小代码(防止页面被图片撑破)
- Css 图片自动缩放代码
- 纯css的防止图片撑破页面的代码(图…
- 基于jquery的防止大图片撑破页面的实现代码(立即缩放)
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 图片自动缩小的js代码,用以防止图片撑破页面
- 图片自动缩小的js代码,用以防止图片撑破页面
- 图片自动按比例缩小代码(防止页面被图片撑破)
- CSS按比例缩放图片防止撑破页面
- 纯css图片自动缩放代码兼容IE6、IE7、IE8、Firefox
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- 图片自动缩小的js代码,用以防止图片撑破页面
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)