我正在开发一个你可以在这里看到的网站
当窗口为特定分辨率时,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