最新消息:网站改版咯

设置图片大小不超出DIV容器

Web技术 Yovae 2060浏览

怎么设置图片大小不超出DIV容器,显示一张很大的图片时,一般浏览器上会出现一个长长的滚动条,这让人看上去很不舒服。所以,我想让图片进行自动缩放,并不是图片裁剪。

下面给出一个css样式代码:

<style>
img {
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));
}
</style>

这里使用了expression,但是利用了一次加载,所以expression不会造成内存泄漏。

 

 

转载请注明:Yovae Studio » 设置图片大小不超出DIV容器