当前位置：首页 > 资讯 > 技术文档

css图片自适应大小

时间：2022-06-21 06:43 编辑：来源：阅读：
扫一扫，手机访问

摘要：css图片自适应大小

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语法。于是我们这样这样定义图片的全局样式。

[u]复制代码[/u] 代码如下:

img{  
        max-width:100%;height:auto;  
} 

这样图片就回在div或table内自动适应其大小了.

全部评论(0)

上一篇：DHTML Slide Show script图片轮换
下一篇：图片友情链接滚动横向,带控制按钮

资讯排行榜
更多>>