编程 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 相关文章推荐

Javascript类库的顶层对象名用户体验分析

Oct 24 Javascript

jQuery的promise与deferred对象在异步回调中的作用

May 03 Javascript

关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

Jun 30 Javascript

js动态添加的DIV中的onclick事件简单实例

Jul 25 Javascript

很棒的一组js图片轮播特效

Jan 12 Javascript

折叠菜单及选择器的运用

Feb 03 Javascript

基于JQuery的购物车添加删除以及结算功能示例

Mar 08 Javascript

JavaScript常用事件介绍

Jan 21 Javascript

发布订阅模式在vue中的实际运用实例详解

Jun 09 Javascript

微信公众号平台接口开发获取微信服务器IP地址方法解析

Aug 14 Javascript

微信小程序授权登陆及每次检查是否授权实例代码

Sep 18 Javascript

jquery实现烟花效果(面向对象)

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

Nov 23 #Javascript

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

Nov 22 #Javascript

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

Nov 22 #Javascript

You might like

PHP iconv 函数转gb2312的bug解决方法

2009/10/11 PHP

input file获得文件根目录简单实现

2013/04/26 PHP

如何使用php输出时间格式

2013/08/31 PHP

php实现的漂亮分页方法

2014/04/17 PHP

php基于websocket搭建简易聊天室实践

2016/10/24 PHP

php 读写json文件及修改json的方法

2018/03/07 PHP

thinkphp5使用无限极分类

2019/02/18 PHP

php扩展开发入门demo示例

2019/09/23 PHP

JavaScript 字符串连接性能优化

2008/12/20 Javascript

javascript 伪数组实现方法

2010/10/11 Javascript

javascript的数据类型、字面量、变量介绍

2012/05/23 Javascript

javascript打印大全(打印页面设置/打印预览代码)

2013/03/29 Javascript

Jquery中val()表单取值赋值的实例代码

2013/08/15 Javascript

jQuery提交多个表单的小技巧

2014/07/27 Javascript

js实现div层缓慢收缩与展开的方法

2015/05/11 Javascript

深入理解JavaScript中的箭头函数

2015/07/28 Javascript

jquery实现美观的导航菜单鼠标提示特效代码

2015/09/06 Javascript

EasyUI在Panel上动态添加LinkButton按钮

2017/08/11 Javascript

Angular中支持SCSS的方法

2017/11/18 Javascript

Vue中使用vue-i18插件实现多语言切换功能

2018/04/25 Javascript

JavaScript基础之静态方法和实例方法分析

2018/12/26 Javascript

详解Vue iview IE浏览器不兼容报错（Iview Bable polyfill）

2019/01/07 Javascript

Python基于checksum计算文件是否相同的方法

2015/07/09 Python

深入理解Python对Json的解析

2017/02/14 Python

python 禁止函数修改列表的实现方法

2017/08/03 Python

tensorflow TFRecords文件的生成和读取的方法

2018/02/06 Python

python中yaml配置文件模块的使用详解

2018/04/27 Python

python计算阶乘和的方法(1!+2!+3!+...+n!)

2019/02/01 Python

Python Pandas对缺失值的处理方法

2019/09/27 Python

CSS的pointer-events属性详细介绍（作用和注意事项）

2014/04/23 HTML / CSS

阿根廷首家户外用品制造商和经销商：Montagne

2018/02/12 全球购物

如何在Oracle中查看各个表、表空间占用空间的大小

2015/10/31 面试题

幼儿园中班区域活动总结

2014/07/09 职场文书

2015年语言文字工作总结

2015/07/23 职场文书

Vue的生命周期一起来看看

2022/02/24 Vue.js

python中的元类metaclass详情

2022/05/30 Python