私は問題があります。HTML5 + CSS3 を使用して Web サイトを再設計しています。いいねボタンとフォローボタンのあるバーを作っています。私は通常、ul の高さが 20px で、各子の li 要素の高さが同じ 20px で、float:left の順不同リストでそれらを処理します。次に、div.fb のようなものとフォロー ボタンを別の li に挿入します。
私が抱えている問題は、Windows では、いいねボタンが IE9、Firefox、Opera では 6 ピクセル下に移動しますが、Chrome と Safari では正常に動作することです (すべてのブラウザーは最新です)。jquery css fix を使用してみましたが、問題なく動作しましたが、Chrome の Macbook でサイトを開いたところ、6px の移動で同じ問題が発生しました。
以前、ほぼ同じバー レイアウトを使用した別のページを作成しましたが、それは XHTML 1.1 Transitional を使用していました。なぜかその問題はありません。
いいねボタンの HTML5 バージョンを使用しています。
ここでデモを見ることができます: http://yucatan.travel.zebradm.mx/prueba.php