Css 如何防止宽显示器中的图像失真？

我使用的显示器是16英寸，我有一个圆形图像列表，边界半径为50%。为了避免丢失图像的质量，我保留了图像的原始大小，即500x500（px），但我希望宽度和高度最大为150px

在19英寸及更宽的显示器中，这些圆形图像显示为椭圆形，宽度扭曲

这是图像的css代码。有什么方法可以避免这种变形吗？感谢您的帮助

.circular img {
    width: 150px;
    border-radius: 50%;   
}

---

你确定你没有设定高度吗？您是否也尝试过设置高度：150px；宽度：150px？而且，在CSS中重新调整大小比在图像处理程序（如photoshop）中更容易丢失质量不，我没有设置高度。另外，正如我所检查的，Photoshop和Illustrator中的图像质量比css中的图像质量差得多。