Css 宽度/高度百分比显示为拉伸的图像

我有大约15幅图像，一幅接一幅，格式如下：

<div class="foo">
    <p>
       <a href=""><img src="img.jpg"></a>
    </p>
    <p>
       <a href=""><img src="img.jpg"></a>
    </p>        
    ...
</div>

这在我使用过的每一款浏览器中都有体现，甚至是一些较旧的IE版本，但直到我使用朋友的Macbook时，我才浏览了这个网站，而且图像非常长。这是一个较旧的OSx版本（10.5.8），但Chrome和Safari都将图像展开

我试着让每一张图片都比它小75%。图像大小不一

是否可以在不手动调整每个图像大小的情况下修复此问题？

您能试试这个吗

.foo img {
   min-height: 100px;
   min-width: 100px;
 }

找到了答案：

仅使用宽度：100%；在图像上删除高度：100%；。这将 告诉浏览器调整图像大小，使其符合100%的视觉效果 宽度，或者更像，固定你的宽度，然后伸展你的腿

---

谢谢你的帮助，但是

minheight

和

minwidth

css属性呢？

.foo img {
   min-height: 100px;
   min-width: 100px;
 }