この 1 つの問題に 3 日間を費やしたので、Safari の画像サイズ変更の問題について助けていただければ幸いです。
Canvas テンプレートを使用して、Woo Commerce でレスポンシブ ストアを構築しています。
問題は Safari ブラウザにあります... コンテナの div に合わせて画像を拡大し、均等な間隔とサイズにすることはできません。
参照用のカテゴリ ページは次のとおりです。 http://omshivaloka.x-gr.net/product-category/shop/men-2/men-malas/
以下は単一の製品ページで、その下に問題が表示されます: 「Products you may like」: 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 はそれを認識していません...または認識していて、すぐに出力しないのでしょうか?
おそらく、あなたはマウスを上に置くと画像が拡大するのを見て、私と同じ経験をしているでしょう. 確かに奇妙...
助けていただければ幸いです...ありがとうございます!
カサンドラ