在前端开发中，我们经常会遇到图片放大缩小的问题。有时候，我们不希望图片在不同尺寸的屏幕上变形或模糊，而是希望图片保持原始尺寸，或者等比例缩放。这时候，我们可以使用 CSS 来实现。

首先，让我们来看看如何让图片保持原始尺寸：

img {
max-width: 100%;
height: auto;
}

这段 CSS 代码将设置图片的最大宽度为父容器宽度的 100%，同时高度自动调整，以保持原始宽高比。这样就可以确保图片在不同尺寸的屏幕上不会变形。直接将 max-width 设置为 100% 是不够的，因为如果图片本身就很小，那么一旦放到较大的屏幕上，它就会模糊或变形。

如果想要等比例缩放图片，可以使用以下代码：

img {
max-width: 100%;
height: auto;
}

在这段 CSS 代码中，我们使用了 object-fit 属性。object-fit 属性用于指定元素应当如何适应其父容器，可以设置为 "fill"、"contain"、"cover"、"none" 和 "scale-down" 等值。我们将其设置为 "cover"，意思是缩放图片以完全覆盖其父容器，可能会导致图片被裁剪。然后，我们将 overflow 属性设置为 "hidden"，以隐藏超出容器的部分。

在实际开发中，可以根据具体情况来选择适合的方案，从而确保图片在不同尺寸的屏幕上呈现出最佳的效果。