我将非常感谢有关 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 无法识别...或者它可能是并且没有立即输出它?
当您将鼠标悬停在图像上时,您可能会遇到与我相同的体验。确实很奇怪...
感谢您的帮助...谢谢!
卡桑德拉