站内文章搜索
您现在的位置: IT坊资讯网 >> 站长之家 >> 网站设计 >> 网页特效 >> 文章正文 立即注册会员投稿
原创:通过修改CSS样式,在网页中实现图片等比例缩放!
作者:IT坊 文章来源:互联网 更新时间:2008-1-18 18:43:29           ★★★

  IT坊资讯网1月18日报道:您是否常常在做网页的过程中发现一个问题呢?当图片上传的时候,如果图片太大 ,就会把网页撑破,唯一做的就要先把它用软件缩小,再上传上去,这样重复的工作,您是否已经厌烦呢?

  我昨天在做网页的时候也遇到这个问题,因此研究了一下,查找了网络上关于图片的CSS控制,总结出一个小技巧,我们可以通过修改CSS样式,来达到让图片等比例地限制在一定大小!

  下面是相关的代码:

  img {

  max-width: 600px;

  width:expression(this.width > 600 ? "600px" : this.width);

  overflow:hidden;

  }

  600的意思是指,我让图片宽度限制在600之内,如果小于600的,当然按照原本尺寸,如果超过600的,则按照宽为600,高为按比例缩小,这样,图片的显示效果就出来了!

  但是我还没能找到更好的方法,因为发现这个方法在IE浏览器看这些网页的时候有时会出现图片过小,但是只要刷新一下,就可以解决了!

  如果有什么好的办法,不妨跟我联系!如果我想出什么更好的办法,我也会第一时间在这里公布的!

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    看本文的网友还看了:
    网友看的热门文章:
     
    招商信息
    视觉焦点

    设为首页 - 加入收藏 - 关于我们 - 广告合作 - 友情链接 - 投稿与建议 - 版权申明 - 帮助中心

    Copyright©2004--2007 www.ithov.com IT坊资讯网版权所有
    网站客服QQ群 ①群15569476 ②群19439244 ③群20730522 ④群31220781 ⑤群7190232
    未经授权禁止转载、摘编、复制、盗链或建立镜像.如有违反,追究法律责任.
    鄂ICP备05000249号
    本站提供的所有资源均来自互联网,下载纯属学习交流之用,如侵犯您的版权请与我们联系,我们会尽快改正!请在下载24小时后删除