第一种方法是使用固定宽度和高度，利用css插件wow，css样式tr选中，css让盒子顶部对齐，css新闻公告书写代码，三级目录显示 css，css制作菜单下拉动画，如何查找css属性值标签实现：
.img {
width: 200px;
height: 200px;
}css插件wow，css样式tr选中，css让盒子顶部对齐，css新闻公告书写代码，三级目录显示 css，css制作菜单下拉动画，如何查找css属性值
这种方法的缺点是如果图片本身的宽高比例和设置的宽高比例不同，图片会被拉伸或压缩，影响图片的显示效果。
第二种方法是利用CSS3中的transform属性进行缩放：
.img {
width: 200px;
height: 200px;
transform: scale(0.5);
}css插件wow，css样式tr选中，css让盒子顶部对齐，css新闻公告书写代码，三级目录显示 css，css制作菜单下拉动画，如何查找css属性值这种方法可以实现等比例缩放，同时不会影响到图片本身的宽高比例。但是需要注意的是，使用transform属性进行缩放会影响到元素的布局。
第三种方法是利用padding和背景图片进行缩放：
.img {
width: 200px;
height: 0;
padding-top: 100%;
background-image: url(/post/example.jpg);
background-size: cover;
background-position: center center;
}这种方法需要设置元素的宽度为固定值，高度为0，padding-top的值为百分比，这样就可以实现等比例缩放。同时，利用background-size属性设置背景图片大小为cover，可以确保图片填满整个元素。
总而言之，以上三种方法都可以实现等比例缩放，根据具体的使用场景选择最适合的方法，以达到最佳的效果。