编程 Javascript

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内自动适应其大小了.

css图片自适应大小

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS子父窗口互相操作取值赋值的方法介绍

May 11 Javascript

js实现页面跳转重定向的几种方式

May 29 Javascript

使用js画图之正弦曲线

Jan 12 Javascript

再次谈论React.js实现原生js拖拽效果引起的一系列问题

Apr 03 Javascript

jQuery获取浏览器类型和版本号的方法

Jul 05 Javascript

vue.js从安装到搭建过程详解

Mar 17 Javascript

Vue.js常用指令的使用小结

Jun 23 Javascript

ReactNative踩坑之配置调试端口的解决方法

Jul 28 Javascript

JS设计模式之惰性模式（二）

Sep 29 Javascript

Vue中消息横向滚动时setInterval清不掉的问题及解决方法

Aug 23 Javascript

JavaScript基础之this和箭头函数详析

Sep 05 Javascript

vue实现淘宝购物车功能

Apr 20 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()&window.setInterval()使用方式与参数传递问题！

Nov 23 #Javascript

document.designMode的功能与使用方法介绍

Nov 22 #Javascript

Flash+XML滚动新闻代码无图片附源码下载

Nov 22 #Javascript

You might like

PHP使用get_headers函数判断远程文件是否存在的方法

2014/11/28 PHP

php生成RSS订阅的方法

2015/02/13 PHP

彻底搞懂PHP 变量结构体

2017/10/11 PHP

JS创建优美的页面滑动块效果 - Glider.js

2007/09/27 Javascript

js GridView 实现自动计算操作代码

2009/03/25 Javascript

用AJAX返回HTML片段中的JavaScript脚本

2010/01/04 Javascript

dojo学习第二天 ajax异步请求之绑定列表

2011/08/29 Javascript

javascript基础知识大全便于大家学习，也便于我自己查看

2012/08/17 Javascript

基于jquery打造的百分比动态色彩条插件

2012/09/19 Javascript

js鼠标及对象坐标控制属性详细解析

2013/12/14 Javascript

jQuery中:password选择器用法实例

2015/01/03 Javascript

浅析JavaScript声明变量

2015/12/21 Javascript

jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

2016/08/15 Javascript

微信小程序进行微信支付的步骤昂述

2016/12/01 Javascript

基于js原生和ajax的get和post方法以及jsonp的原生写法实例

2017/10/16 Javascript

vue translate peoject实现在线翻译功能【新手必看】

2018/06/07 Javascript

vue导出html、word和pdf的实现代码

2018/07/31 Javascript

详解angular2如何手动点击特定元素上的点击事件

2018/10/16 Javascript

[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场

2018/04/09 DOTA

[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

PYTHON正则表达式 re模块使用说明

2011/05/19 Python

python通过正则查找微博@(at)用户的方法

2015/03/13 Python

python anaconda 安装环境变量升级以及特殊库安装的方法

2017/06/21 Python

实例讲解python中的协程

2018/10/08 Python

python读取xlsx的方法

2018/12/25 Python

python 多线程串行和并行的实例

2019/02/22 Python

Python使用mongodb保存爬取豆瓣电影的数据过程解析

2019/08/14 Python

Python模块汇总(常用第三方库)

2019/10/07 Python

Matplotlib.pyplot 三维绘图的实现示例

2020/07/28 Python

史上最全面的Java面试题汇总！

2015/02/03 面试题

教师实习自我鉴定

2013/12/13 职场文书

销售主管岗位职责

2014/02/08 职场文书

后备干部考察材料

2014/02/12 职场文书

读群众路线的心得体会

2014/09/03 职场文书

2014年度考核工作总结

2014/12/24 职场文书

2015年护士工作总结范文

2015/03/31 职场文书