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 相关文章推荐
location.href用法总结(最主要的)
Dec 27 Javascript
jquery+php实现搜索框自动提示
Nov 28 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
微信小程序自定义导航栏(模板化)
Nov 15 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
微信小程序实现搜索功能
Mar 10 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
php实现mysql事务处理的方法
2014/12/25 PHP
php微信公众平台开发类实例
2015/04/01 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
PHP chr()函数讲解
2019/02/11 PHP
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
简单理解Python中的装饰器
2015/07/31 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
自我鉴定200字
2013/10/28 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
老公爱的承诺书
2014/03/31 职场文书
仓库文员岗位职责
2014/04/06 职场文书
市场开发计划书
2014/05/07 职场文书
红色故事演讲稿
2014/05/22 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技
Python PIL按比例裁剪图片
2022/05/11 Python
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技