CSS解决图片缩小不变形实例

最新推荐文章于 2024-07-08 12:47:09 发布

置顶 u013239233

最新推荐文章于 2024-07-08 12:47:09 发布

阅读量2.9k

点赞数 1

分类专栏： DIV+CSS

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图片缩小不变形实例 www.divcss5.com</title>
<style>
.divcss5{ border:1px solid #000; width:300px; height:100px;overflow:hidden}
.divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);}
</style>
</head>
<body>
<div class="divcss5">
<img src="img.jpg" />
</div>
</body>
</html>