|
TOP
原创：通过修改CSS样式，在网页中实现图片等比例缩放！
[ 编辑:qiraosky | 时间:2012-03-20 23:51:03
| 浏览:275次 | 来源:德州电脑服务网 | 作者:德州电脑服务网 ]
您是否常常在做网页的过程中发现一个问题呢?当图片上传的时候，如果图片太大 ，就会把网页撑破，唯一做的就要先把它用软件缩小，再上传上去，这样重复的工作，您是否已经厌烦呢? 我昨天在做网页的时候也遇到这个问题，因此研究了一下，查找了网络上关于图片的CSS控制，总结出一个小技巧，我们可以通过修改CSS样式，来达到让图片等比例地限制在一定大小! 下面是相关的代码： img { max-width: 600px; width:expression(this.width > 600 ? "600px" : this.width); overflow:hidden; } 600的意思是指，我让图片宽度限制在600之内，如果小于600的，当然按照原本尺寸，如果超过600的，则按照宽为600，高为按比例缩小，这样，图片的显示效果就出来了! 但是我还没能找到更好的方法，因为发现这个方法在IE浏览器看这些网页的时候有时会出现图片过小，但是只要刷新一下，就可以解决了! 如果有什么好的办法，不妨跟我联系!如果我想出什么更好的办法，我也会第一时间在这里公布的! |
热门文章
|