Safari响应式网站上的图片大小不一致

时间:2013-09-14 06:41:17

标签: image safari responsive-design distortion

我非常感谢Safari图像调整大小问题的一些帮助,因为我花了三天时间解决这个问题。

我正在使用Canvas模板与Woo Commerce构建响应式商店。

问题在于Safari浏览器......它不会放大图像以适合它们的容器div,并且间距和大小均匀。

以下是供您参考的类别页面:http://omshivaloka.x-gr.net/product-category/shop/men-2/men-malas/

以下是单个产品页面,问题位于底部:“您可能喜欢的产品”:http://omshivaloka.x-gr.net/shop/hanuman/

我在互联网上进行了广泛的研究,以找到解决方案,并继续听取我的CSS中的高度和宽度:

ul.products li.product a img {

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

}

它使它们伸展,因此不是解决方案。

在我的Woo Commerce配置中,我已将该图片的大小设置为210 * 300px - Safari无法识别...或者它可能并且不会立即输出它?

也许您在使用鼠标悬停时看到图像扩展时遇到的体验与我相同。确实很奇怪......

我感谢任何帮助......谢谢!

卡桑德拉

0 个答案:

没有答案