当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]

CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]

2017年12月08日  | 移动技术网IT编程  | 我要评论

红楼梦歌曲全集,唐老板 离婚请签字,微会下载打电话免费

今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 ie 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。

代码如下：

.image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4e6973;padding: 3px; zoom:expression( function(elm) { if (elm.width>560) { var oldvw = elm.width; elm.width=560; elm.height = elm.height*(560 /oldvw); } elm.style.zoom = '1'; }(this)); }

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网