使用Webkit进行奇怪的CSS转换和缩放行为

时间:2012-12-17 13:54:46

标签: google-chrome css3 transitions

我正在开设一个网站,您可以看到here

当窗口具有特定分辨率时,Chrome中会发生一些奇怪的事情。例如,如果您将宽度设置为943像素,并将鼠标悬停在图像上,则会在转换期间看到某些图像旁边出现白条,就像图像水平重新调整大小一样。

这在Firefox或IE中不会发生。

为什么会这样?

1 个答案:

答案 0 :(得分:1)

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