CSS自适应图片宽高缩放方法

CSS自适应图片宽度控制在网页制作中非常重要，因为总不能每次发布前都裁剪图片吧？然而，一些太大的图像会拉伸网页并导致对齐错误。那么如何使用 CSS 来控制图像缩放和自适应大小调整呢？

我找到了两个相对简单的解决方案。虽然不是很完美，但我会先分享出来，并继续寻找。

image ”:this.width);
max-height:415px;

height :expression_r(this.height>415?”415px”:this.height);

}

有还有一段代码： † >410?”410px”:this.width);
max-height:410px;
height:expression_r(this.height>410?”410px”:this.height);
}

这两种CSS图像缩放代码各有优缺点。第一个代码片段具有固定的宽度，并且高度会自动调整大小。 ，唯一的缺点是在IE浏览器中无法缩放高度，导致图像变形。另一段代码可以控制所有浏览器中的缩放，但缺点是高度是固定的。如果您的图像不是正方形，则缩放后图像会看起来很奇怪。