首页 > web前端 > js教程 > css图片自适应大小_图象特效

css图片自适应大小_图象特效

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 19:07:41
原创
1794 人浏览过
复制代码 代码如下:

function ReImgSize(){  
           for (j=0;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内自动适应其大小了. 
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板