私は現在さまざまな種類のスクリーンで私のウェブサイトをテストしています、そして私の画像トリミングは網膜以外のスクリーンで完璧に動作しますが、私は網膜スクリーンのいくつかのトリミング問題に遭遇しています。
サイズが異なる2つの画像サイズがあります。これを達成するために、私はfunctions.phpファイルにこれを持っています:
add_image_size('sidebar-thumbnail', 70, 70, true);
add_image_size('small-thumbnail', 300, 180, true);
網膜以外のスクリーンでは、画像は両方のサイズに対して完全にトリミングされます。しかし、網膜スクリーンでは、画像は2つのサイズのうちの1つのサイズでつぶれて見えます。例えば:
サイドバーのサムネイルは、四角形に収まるように水平方向に四角くなります。他の例では、サイドバーのサムネイルはきれいに見えますが、小さいサムネイルはサイズに合わせて水平方向に引き伸ばされます。標準解像度の画面では、同じ2つの画像が網膜に正しく表示されていない場合でも、両方のサムネイルが完全に切り取られるため、これは私を混乱させます。誰がこれを引き起こしているのか知っていますか?
私はこの問題を引き起こしていたのは、 WP Retina 2X と呼ばれる網膜画像を処理することになっていた私が有効にしたプラグインであることがわかりました。私はプラグインを無効にし、それはすぐに問題を修正しました。