0.5px は見えているか？

ちょっと

アニメーション作ってて、見えたり見えなかったりする 1px が気になるので調べてみた

いきなり、結論

結論から言うと 0.5px 〜 1px が見えるかどうかはブラウザによる。（Firefox だけ挙動が違う）

実証コード

http://usrb.in/amachang/static/tmp/pxtest.html

手元のブラウザでは

• Win Opera
  • 1px から見える
• Win IE6
  • 1px から見える
• Win IE7
  • 1px から見える
• Win Firefox
  • 0.5px から見える（四捨五入で求めてる）
• Linux Firefox
  • 0.5px から見える（四捨五入で求めてる）
• Linux Konqueror
  • 1px から見える

まとめ

1px を気にするときってありますよね！そんなときはFirefox の px 指定は四捨五入と覚えておこう。