css图片自适应大小


Posted in Javascript onNovember 28, 2007
function ReImgSize(){   
           for (j=0;j<document.images.length;j++)   
          {   
               document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;   
          }  
} 

       然后在body区域加上onload="ReImgSize()" 就可以了。经过测试,在Mozilla和IE上通过.。在这里补充一下关于图片的自适应,这点Mozilla做的比IE好,因为可以用CSS来控制图片的自适应。我们都知道Mozilla支持一个max-width 的CSS语法。于是我们这样这样定义图片的全局样式。
img{   
        max-width:100%;height:auto;   
} 
这样图片就回在div或table内自动适应其大小了. 
Javascript 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
有关json_decode乱码及NULL的问题
Oct 13 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
node实现基于token的身份验证
Apr 09 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
javascript下有关dom以及xml节点访问兼容问题
Nov 26 #Javascript
asp javascript 实现关闭窗口时保存数据的办法
Nov 24 #Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 #Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 #Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 #Javascript
document.designMode的功能与使用方法介绍
Nov 22 #Javascript
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 #Javascript
You might like
PHP4之COOKIE支持详解
2006/10/09 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
[jQuery] 事件和动画详解
2019/03/05 jQuery
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
校园活动宣传方案
2014/03/28 职场文书
团队经理竞聘书
2014/03/31 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫