当前位置:首页 > 网站运营 > 经验心得 > > 原创:通过修改CSS样式,在网页中实现图片等比例缩放!

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

点击次数:38 次 发布日期:2008-11-16 10:20:17 作者:源代码网
源代码网推荐

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

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

源代码网整理以下  下面是相关的代码:

源代码网整理以下  img {

源代码网整理以下  max-width: 600px;

源代码网整理以下  width:expression(this.width > 600 ? "600px" : this.width);

源代码网整理以下  overflow:hidden;

源代码网整理以下  }

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

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

源代码网整理以下  如果有什么好的办法,不妨跟我联系!如果我想出什么更好的办法,我也会第一时间在这里公布的!

源代码网供稿.
网友评论 (0)
会员中心
网站运营
本站推荐
网站运营之精华