1

Firefoxでは正常に見えるcss/lessリボンがありますが、Chromeでは壊れます(サイズ変更時に)。

100%ズームで表示すると見栄えは良くなりますが、内側または外側に移動すると、要素の位置がずれます。下のいじくり回しに入れて、色の変数を少なくして、遊びやすくしました。

注:Tinkerbinでこのコードを使用する場合は、CSS構文をLESSに設定し、RUNを押す必要があります。そうしないと、リボンがまったく読み込まれません:)

http://tinkerbin.com/9rMTZgdg

4

1 に答える 1

1

これは未解決のバグのようです(2013年1月13日現在)。これは、問題となっている境界線のサイズに絞り込んだ別のスタックオーバーフローの質問でした。emその人は結局webkitでバグレポートを提出することになりました。おそらく、そのバグレポートに確認としてあなたの経験を追加する必要があります。

それは(少なくともChrome、おそらくSafariも)emユニットスケーリングの問題であることが確認されているようです。webkitコードを完全にpx測定値に切り替えると(サイズに基づいてサイズを事前に計算します)、ここに表示されているように、Chromeで美しくスケーリングfont-size: 16px !importantするリボンが正しく機能します。

于 2013-01-13T19:25:25.550 に答える