CSS实现图片等比例缩放技巧

本文讲解通过CSS实现图片的等比例缩放方法。

1、 为图片的img标签设置宽度或高度中的任意一项，图片将自动按比例缩放，保持原有比例不变。

2、 打开浏览器，查看效果见下图。

3、 利用CSS3的transform属性中的scale函数可实现图片缩放效果，具体操作如示意图所示。

4、 最终效果见下图。