我是靠谱客的博主 拼搏绿茶,最近开发中收集的这篇文章主要介绍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语法。于是我们这样这样定义图片的全局样式。
复制代码 代码如下:

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

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

最后

以上就是拼搏绿茶为你收集整理的css图片自适应大小的全部内容,希望文章能够帮你解决css图片自适应大小所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(159)

评论列表共有 0 条评论

立即
投稿
返回
顶部