0

我在圆形边缘的彩色块内做像素完美的中心图标时遇到问题。图标在浏览器窗口调整大小时更改左右偏移。

使用https://github.com/facebook/react打开例如 Chrome 或 Safari

并尝试非常缓慢地(按像素)调整浏览器窗口的宽度。

您会看到图标之间的偏移量和按钮(Watch、Star、Fork)中的标题有一些变化(1-2px)。

带有圆形边缘的彩色块内的图标也会发生同样的情况。

为什么会发生?以及如何预防?

ps 最初,我在开发电子应用程序时遇到了这个问题,但它无处不在。

pps 可能有任何 webkit 选项来更改渲染方法,这将防止调整大小时出现这种颤抖?

4

1 回答 1

0

问题通过添加解决

transform: translate3d(0px,0px, 0px);

到图标样式

但它会减慢页面滚动的渲染速度:(

于 2018-04-03T09:21:35.807 回答