進行中のサイト: http://www.modernfuture.net/wordpress
クロスブラウザーの継続性を維持しようとしてきましたが、chrome 1+/safari 3+ をターゲットとするメディア クエリ ハックに遭遇しました。
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* ... */
}
これを使用して、#social .logo-img と .featuredThumb を Firefox 23 とは異なる位置に配置していたため、chrome/safari でこれらの要素のスタイルを変更しました。 -img であり、.featuredThumb ではありません。これの原因についての私の推測では、.featuredThumb クラスが PHP で生成されたということですが、なぜこれが起こっているのかわかりません。
.featuredThumb クラスを生成する PHP コードの一部を次に示します。
<?php the_post_thumbnail(array(287,250), array('class' => 'featuredThumb')); // Declare pixel size you need inside the array ?>
私は本当にこの問題でいくつかの助けを借りることができます! 皆さん、ありがとうございました!!