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 相关文章推荐
Javascript 类与静态类的实现
Apr 01 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
Oct 29 Javascript
location.hash保存页面状态的技巧
Apr 28 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
AngularJS实现路由实例
Feb 12 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
Vuex利用state保存新闻数据实例
Jun 28 Javascript
vuex 使用文档小结篇
Jan 11 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
vue实现路由懒加载的3种方法示例
Sep 01 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里的JS打印函数
2006/10/09 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
thinkPHP3.1验证码的简单实现方法
2016/04/22 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
JQuery 网站换肤功能实现代码
2009/11/02 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
微信小程序常用简易小函数总结
2019/02/01 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
Python使用MD5加密字符串示例
2014/08/22 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
virtualenv介绍及简明教程
2020/06/23 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
介绍一下sql server的安全性
2014/08/10 面试题
竞争上岗实施方案
2014/03/21 职场文书
文化建设工作方案
2014/05/12 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
小石潭记导游词
2015/02/03 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS