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 相关文章推荐
DOM精简教程
Oct 03 Javascript
js跳转页面方法总结
Jan 29 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
Oct 10 Javascript
javascript数据结构之双链表插入排序实例详解
Nov 25 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
Sep 19 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 Javascript
Openlayers显示瓦片网格信息的方法
Sep 28 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
文章推荐系统(二)
2006/10/09 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
js的一些常用方法小结
2011/06/29 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
python简单文本处理的方法
2015/07/10 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
Python3实现转换Image图片格式
2018/06/21 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
python实现飞行棋游戏
2020/02/05 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
浅析Python 责任链设计模式
2020/09/11 Python
Django实现随机图形验证码的示例
2020/10/15 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
2014年服务行业工作总结
2014/11/18 职场文书