div里面的图片超出div的宽度,自动调整大小。
2015-11-27 10:32
471 查看
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#pic{ margin:0 auto; width:740px; padding:0;}
#pic img{ max-width:740px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}
</style>
</head>
<body>
<div id="pic" style="width:740px;">
<img id="img" src="http://f.hiphotos.baidu.com/image/pic/item/bd3eb13533fa828bd30590f5fe1f4134970a5a85.jpg" alt="" runat=server/>
</div>
</body>
</html>
测试谷歌 ie8、10都能用。
<html>
<head>
<title></title>
<style type="text/css">
#pic{ margin:0 auto; width:740px; padding:0;}
#pic img{ max-width:740px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}
</style>
</head>
<body>
<div id="pic" style="width:740px;">
<img id="img" src="http://f.hiphotos.baidu.com/image/pic/item/bd3eb13533fa828bd30590f5fe1f4134970a5a85.jpg" alt="" runat=server/>
</div>
</body>
</html>
测试谷歌 ie8、10都能用。
相关文章推荐
- 【转】谁说Vim不是IDE?(三)
- sql: 查询,select
- hadoop的伪分布式安装
- 增删改查通讯录
- 青春如画,奋斗似笔—兄弟连IT教育
- Jenkins+ Gradle +Lint对Android工程源码进行静态代码分析
- eclipse 中spring项目配置hibernate-tools
- 移动APP切图术语解读:什么是@1x @2x和@3x
- mybatis xml文件 id冲突错误 findUserIDById is ambiguous in Mapped Statements collection
- 非常不错的NoSQL 数据库学习资料汇总
- C++ 类 实现栈
- 可以设置裁剪比例和大小的照片图片选择框架
- 为什么有些人能用一年获得你三年的工作经验?
- HTTP通信原理
- form界面禁用F11、CTRL + F11查询
- php +mysql 添加 删除 修改 insert into delete update
- ES5
- sql,联合主键,按id分组求版本号最大值的集合
- 织梦dedecms后台文章列表显示作者字段的方法
- Android 控件布局常用属性