我非常感谢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无法识别...或者它可能并且不会立即输出它?
也许您在使用鼠标悬停时看到图像扩展时遇到的体验与我相同。确实很奇怪......
我感谢任何帮助......谢谢!
卡桑德拉