CSS图片等比缩放技巧

CSS中通过scale属性可实现图片无变形缩放，下文将举例说明具体用法。

1、 创建名为test.html的文件，通过实例讲解CSS实现图片缩放不变形的方法。

2、 在test.html中用img标签插入一张图片以进行测试。

3、 在test.html中，将img标签的class属性设置为pthree。

4、 利用class属性在CSS中定义图片显示样式。

5、 利用CSS的transform属性，结合scale方法将图片尺寸放大至原来的1.5倍。

6、 用浏览器打开test.html文件，即可查看实际运行效果。

7、 通过img标签插入图片，并为其添加class属性，值设为pthree。