css中，可利用transform属性配合scale()函数实现img元素等比例缩小，transform属性允许设置元素的缩放操作，scale()函数用于定义元素的缩放转换，语法为“img{transform:scale(缩放比例);}”。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
css3怎样实现img等比例缩小
在css中，想要实现img元素的等比例缩小，需要利用到transform属性配合scale()函数实现。
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
scale()函数用于定义元素的缩放变换。
scale()函数函数内的值就是元素的缩放比例。
示例如下：
<!DOCTYPE html><html lang=\”en\”><head> <meta charset=\”UTF-8\”> <meta name=\”viewport\” content=\”width=device-width, initial-scale=1.0\”> <meta http-equiv=\”X-UA-Compatible\” content=\”ie=edge\”> <title>Document</title> <style> .img1{ transform:scale(0.5); } </style></head><body> <img src=\”1118.02.png\” class=\”img1\”> <p>上面是等比例缩小的，下面是原比例</p> <img src=\”1118.02.png\” ></body></html>
输出结果：
（学习视频分享：css视频教程）
更多关于云服务器，域名注册，虚拟主机的问题，请访问西部数码官网：www.west.cn
