私はあなたがここで見ることができるウェブサイトに取り組んでいます
ウィンドウが特定の解像度の場合、Chrome で奇妙なことが起こります。たとえば、幅を 943 ピクセルにし、画像にカーソルを合わせると、画像が水平方向にサイズ変更されているかのように、トランジションの間、一部の画像の横に白いバーが表示されます。
これは、Firefox や IE では発生しません。
なぜこれが起こるのですか?
私はあなたがここで見ることができるウェブサイトに取り組んでいます
ウィンドウが特定の解像度の場合、Chrome で奇妙なことが起こります。たとえば、幅を 943 ピクセルにし、画像にカーソルを合わせると、画像が水平方向にサイズ変更されているかのように、トランジションの間、一部の画像の横に白いバーが表示されます。
これは、Firefox や IE では発生しません。
なぜこれが起こるのですか?
943px - 16px (パディング) = 927px
927px * 20% = 185.38333129882813px (クローム)
185.38333129882813px * 5 = 926,91...
927 - 926,91... = ホワイトバー
これはサブピクセルの問題です。このサイトを見てください: http://tylertate.com/blog/2012/01/05/subpixel-rounding.html