欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

css图片自适应大小

时间:2021-08-17 07:33:51|栏目:JavaScript代码|点击:
复制代码 代码如下:

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正则表达式中的ignoreCase属性使用详解

栏    目:JavaScript代码

下一篇:javascript获取图片的top N主色值方法详解

本文标题:css图片自适应大小

本文地址:http://www.codeinn.net/misctech/167580.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有