通过修改CSS样式，在网页中实现图片等比例缩放！

发布时间：2013-09-19 11:33:46来源：阅读（1287）

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

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

　　下面是相关的代码：

　　img {

　　max-width: 600px;

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

　　overflow:hidden;

　　}

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

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

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