CSS实现图片按比例缩放
2011-11-12 14:27
537 查看
.image { max-width:600px; height:auto; cursor:pointer; //border:1px dashed #4E6973; //padding: 3px; zoom:expression( function(elm) { if (elm.width>360) { var oldVW = elm.width; elm.width=360; elm.height = elm.height*(360 /oldVW); } elm.style.zoom = '1'; }(this) ); } /*<img src="url" class="image" />*/
相关文章推荐
- CSS实现图片快速等比例缩放,效果佳
- 纯css 实现图片等比例缩放
- css 对待图片实现等比例缩放
- 两种方式实现图片按比例响应式缩放、并自动裁剪的css技巧
- CSS实现网页图片的等比例缩放
- css 实现图片的等比例缩放
- css 如何实现图片等比例缩放
- CSS-expression实现图片缩放效果,兼容IE、FF
- CSS实现等比例缩放的盒子
- jQuery实现按比例缩放图片
- 纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)
- JS实现按比例缩放图片的方法(附C#版代码)
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- Android开发之imageView图片按比例缩放的实现方法
- 如何实现大分辨率的图片等比例缩放,使其适配不同的手机
- 用 JavaScript 实现网页图片等比例缩放
- js实现图片的等比例缩放
- 如何实现php图片等比例缩放
- jQuery实现等比例缩放大图片让大图片自适应页面布局
- python实现批量按比例缩放图片效果