Image 响应站点上的Safari图像大小不一致

我将非常感谢在Safari图像大小调整问题上的一些帮助，因为我已经花了三天时间来解决这个问题

我正在使用Canvas模板与Woo Commerce建立一个响应性商店

问题在于Safari浏览器……它无法放大图像以适应其容器分区，并且图像的间隔和大小都是均匀的

以下是一个分类页面供您参考：

这是一个单一的产品页面，在底部有一个问题：“您可能喜欢的产品”：

我在互联网上进行了广泛的研究，以找到解决方案，并不断听取意见，将CSS中的高度和宽度更改为：

ul.products li.product a img{

height: 100%!important;
width: 100%!important;

}

这会使它们伸展，因此不是一个解决方案

在我的Woo Commerce配置中，我已将该图片的大小设置为210*300px-Safari没有意识到这一点…或者它是，并且没有立即输出

也许你和我有着同样的经历，当你将鼠标移到图像上时，图像会展开。真奇怪

谢谢你的帮助…谢谢

---

卡桑德拉

我在Safari 5中也遇到了同样的拉伸问题，但Safari 6很好。只是四处挖掘，你可能会发现有用的东西