有时网页图片太大把网页挤压得变形,如果直接把图片大小固定死,每次都需要用工具裁,很麻烦,用下述CSS代码可以很好让图片自动缩小到合适的大小。
<style>
.new_body img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < this.width ? 630: true); }
</style>
<body>
<div class="new_body"><img src=""></div>
</body>
红色部分是关键,630是超过630后通过CSS定义图片按比例缩小到630的宽度,也可以将上述部分中的
.new_body img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < this.width ? 630: true); }
直接加到你网页原来的CSS文件中,然后在源代码中把图片代码插到<div class="new_body"> </div>之间即可,懂点CSS的应该一看就知道。