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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
Mar 14 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
jquery css实现流程进度条
Mar 26 jQuery
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和javascript常用正则表达式及用法实例
2014/07/01 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
JavaScript中用于生成随机数的Math.random()方法
2015/06/15 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
js实现五星评价功能
2017/03/08 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
vue组件父与子通信详解(一)
2017/11/07 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
Python yield 小结和实例
2014/04/25 Python
Python日志模块logging简介
2015/04/13 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
美国家具网站:Cymax
2016/09/17 全球购物
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
解除财产保全担保书
2014/05/20 职场文书
大学生毕业求职信
2014/06/12 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
整改通知书
2015/04/20 职场文书
答谢酒会主持词
2015/07/02 职场文书
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS