IE，Firefox下避免图片撑开的解决

原创于 2008-11-17 17:09:00 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #ie #javascript #border

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种通过CSS和JavaScript实现图片自适应浏览器窗口大小的方法。利用CSS的max-width属性和expression表达式确保图片宽度不超过设定的最大值，并通过JavaScript遍历页面中所有图片元素调整其高度，以保持图片的宽高比。

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

以下均只设置宽度，高度雷同，不再复述
1.CSS

.abc{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
}
class.abc{width:auto;}

2.js
<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img"){
imgObj = document.all(i) //建议只判断高度或者宽度其中一个，那样可以自动按比例缩放
if (imgObj.height>500) //判断图片的高度，如果大于500，则设置为500，值可以自己修改
{
imgObj.height=500
}
}
}
</script>