手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >css图片自适应大小
css图片自适应大小
摘要:复制代码代码如下:functionReImgSize(){for(j=0;j420)?"420":document.images[j].wi...

复制代码 代码如下:

functionReImgSize(){

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改变和控制显示的图片大小

Node.js实现JS文件合并小工具

奇妙的Javascript图片放大镜

Javascript实现图片轮播效果(二)图片序列节点的控制实现

JavaScript获得指定对象大小的方法

自适应图片大小的弹出窗口

图片完美缩放

html图片自适应手机屏幕大小的css写法

网页里控制图片大小的相关代码

精品推荐
分类导航