手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网站运营>建站经验>列表

原创:通过修改CSS样式,在网页中实现图片等比例缩放!

来源:互联网 作者:west263.com 时间:2008-02-21
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

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

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

  下面是相关的代码:

  img {

  max-width: 600px;

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

  overflow:hidden;

  }

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

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

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

责任编辑:稻草

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!