CSS-expression实现图片缩放效果，兼容IE、FF

最新推荐文章于 2021-08-03 17:54:57 发布

kelsey2012

最新推荐文章于 2021-08-03 17:54:57 发布

阅读量673

点赞数

分类专栏： css 文章标签： ie filter function image 浏览器 class

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用CSS技巧来实现图片自适应大小的方法，适用于不同设备和窗口大小，方便快捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近日发现filter:progid:dximagetransform.microsoft.alphaimageloader(src='',sizingmethod='scale');虽然可以拉伸图片以自适应，但浏览器兼容问题不能解决，先有一简单方法供参考，希望对大家有帮组

.Image {
max-width:200px;height:auto;cursor:pointer;
border:1px dashed #4E6973;padding: 3px;
zoom:expression( function(elm) {
if (elm.width>100) {
var oldVW = elm.width; elm.width=100;
elm.height = elm.height*(100 /oldVW);
}
elm.style.zoom = '1';
}
(this));
}

</style>

可以设置width和height以适应父窗体大小，方便又快捷