3

CSS で進行状況バーを作成しました。これは見栄えがよく、WebKit で適切にスケーリングされます。

http://jsfiddle.net/YvFYk/

Firefoxで同等のことを行う方法を誰かが知っているかどうか疑問に思っています:

  • 高さ、影/シェーディングの位置をスケーリングします
  • 幅を同じに保つ

-moz-transform: scale( .4 )幅を縮小し、コンテナのサイズを同じに保つため、私が探していることはしません。

4

1 に答える 1

4

正確には答えではありませんが、コメントよりも長くなります。

私の知る限りzoom、Firefoxではこれはまったく同等ではありません。おそらく、バーをスケーリングする別の方法がありますか?同じコードを2か所で使用したいとします(サイズが唯一の違いです)。

却下する前に-moz-transform:scale、2つの値を受け入れることを覚えておいてください。scale(1, .4)したがって、水平方向のスケールを同じに保ちながら、垂直方向のスケールを縮小することができます。あなたの例では、これはおそらく丸みを帯びた角で問題を引き起こすでしょうが、あなたはそれを機能させることができるかもしれません。

それが少し役立つことを願っています

于 2012-04-26T22:00:18.810 に答える