css中如何等比例缩小 |cssmargin的值

/* 设置 width 和 height */
img {
width: 120px;
height: 120px;
}
/* 等比缩小 */
img {
max-width: 100%;
height: auto;
}

以上CSS代码中，大家首先使用了给定的宽度和高度对图片进行设定。这样虽然可以让图片显示为指定的大小，但是当图片本身的尺寸超过设定的宽度和高度时，就会出现图片失真的情况。

因此，大家可以通过添加“等比例缩小”的CSS代码来解决这个问题。具体来说，大家可以将图片的最大宽度设置为100%，同时将高度设置为auto。这样就可以在保持图片比例的同时，让其自动缩小到适合显示的大小。

当然，如果你希望图片在超过指定宽度和高度时也能正常显示而不失真，可以将max-width改为width。这样一来，即使图片尺寸超过设定的大小，也会通过自动缩小以适应屏幕。