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 相关文章推荐
简单通用的JS滑动门代码
Dec 19 Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
Feb 23 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
小程序实现按下录音松开识别语音
Nov 22 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 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 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
Webkit的跨域安全问题说明
2011/09/13 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
BootStrap无限级分类(无限极分类封装版)
2016/08/26 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
JS中作用域以及变量范围分析
2020/07/18 Javascript
python中类的属性和方法介绍
2018/11/27 Python
如何使用Python 打印各种三角形
2019/06/28 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Python下载的11种姿势(小结)
2020/11/18 Python
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
就业协议书的作用
2014/04/11 职场文书
银行求职信怎么写
2014/05/26 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
四查四看整改措施
2014/09/19 职场文书
答谢酒会主持词
2015/07/02 职场文书
《刷子李》教学反思
2016/02/20 职场文书
Python上下文管理器Content Manager
2021/06/26 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript