css图片自适应大小_Javascript教程-查字典教程网
css图片自适应大小
css图片自适应大小
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下: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内自动适应其大小了.

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类