网站地图 | Sitemap | Rss
  • 您当前位置:网站首页 >> 视觉设计 >> CSS控制大图片自动缩放的样式,支持IE6
  • CSS控制大图片自动缩放的样式,支持IE6

    来源:逍遥峡谷 发布时间:2012-11-15 更新时间:2012-11-15 浏览0条评论
    内容简介

    相关关键词:css   图片   自动缩放  

    本文链接:https://www.icoa.cn/a/618.html

    有时候文章里放一些大图片的时候,容易超出页面大小,非常不美观。

    于是想找能否有一种CSS样式,可以控制图片超出一定大小之后自动缩放,发现其实IE6以上的浏览器都支持的一种CSS属性:

    img{max-width:600px;}

    也就是定义图片宽度最大不能超过600px,但是遗憾的是max-width属性不支持IE6,在中国IE6的市场占有率还是不可小觑的,所以还是不行。

    于是找到了下面一段代码:

    img{
    max-width:660px;
    height:auto;
    zoom:expression( function(elm) 
    { if (elm.width>660) 
    { var oldVW = elm.width; 
    elm.width=660; 
    elm.height = elm.height*(660 /oldVW);
    }
    elm.style.zoom = '1'; }
    (this));
    }

    终于解决了这个问题,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多。

    本文链接:https://www.icoa.cn/a/618.html
    关键词: css   图片   自动缩放  

    如果您愿意支持,欢迎请扫码打赏哦~


    上一篇:简单DIV+CSS浮动在线客服代码,支持IE6

    下一篇:CSS隐藏DIV层和显示DIV层的控制方法


    - 相关文章 -


    广告的定义 - 2009-07-31

    平面广告设计知识 - 2009-07-31

    1寸、小2寸、2寸证件照片是多大尺寸? - 2017-11-25

    那些看起来美美的照片是怎么拍出来的? - 2017-11-21

    今日全国哀悼日为舟曲灾区祈祷…将网站变成灰色CSS代码 - 2010-08-15

    投影仪投影是菱形像素和方形像素哪种更清晰呢? - 2017-10-19

    HTML网页DIV布局设计的常见错误 - 2009-07-31

    如何设置网站的PC版和移动版/无线版,以及两者之间的适配关系 - 2017-08-04


    - 文章评论 -




    7760

    [由于政策原因,您的留言如果提交成功后,需要审核才能展示,请改天再来查看,请不要重复提交,谢谢支持!]

    - 最新评论[0条评论] -


    [>>>点击查看更多评论]

    逍遥峡谷 逍遥乱弹 张立博 爱之路 酷品优选 宝贝派

    版权所有©逍遥峡谷 - 智能中央超自然局·地球总部 | 冀ICP备06033848号
    Copyright©Intelligence Central Occult Agency (I.C.O.A)
    本局纯属虚构,如有雷同,纯属巧合
    网络违法犯罪举报