我在圆形边缘的彩色块内执行像素完美的中心图标时遇到问题。图标更改浏览器窗口大小时的左右偏移量。
使用https://github.com/facebook/react打开例如Chrome或Safari
并尝试非常缓慢地（按像素）调整浏览器窗口的宽度。
您会发现图标及其按钮（观看，星星，叉子）中的标题之间的偏移量稍有变化（1-2px）。
带有圆形边缘的彩色块内的图标也是如此。
为什么会这样呢？以及如何预防呢？
ps。最初，我在开发电子应用程序时遇到了这个问题，但它无处不在。
p.p.s.也许有任何webkit选项可以更改渲染方法，以防止在调整大小时发抖？
最佳答案
通过添加来解决问题
transform: translate3d(0px,0px, 0px);
到图标样式
但它会减慢页面滚动时的渲染速度：(
关于html - 如何防止浏览器窗口调整大小时块偏移量出现1-2px的变化，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49626034/