CSS中的图片会按照其原始的宽高比例被缩放或拉伸，这也就是为什么有时候图片会变形或失真的原因。因此，为了保证图片展示的质量，我们必须确保图片被等比例拉伸。

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

使用max-width属性可以让图片在其容器内适应宽度，并保持高度按比例自动缩放。同时，将高度属性设为auto将使图片始终按比例缩放，而不会因重新设置高度而变形。

如果你想要在保持等比例拉伸的同时不让图片溢出边界，可以使用overflow属性：

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

这样，如果图片比容器更宽，部分图片会被隐藏。或者，如果图片比容器更高，容器的高度会自动调整以适应图片。

总之，在CSS中，要在不影响图片质量的情况下实现等比例拉伸，你只需要使用max-width和height属性，它们能确保图片始终按比例缩放。