我正在使用一个名为Postman（https://chrome.google.com/webstore/detail/postman-rest-client-packa/fhbjgbiflinjbdggehcddcbbddddop）的Chrome应用程序。在具有视网膜显示屏的Macbook上使用Postman时，一个奇怪的问题不断出现。
有时（大约20次点击中的1次点击），单击UI元素会使一半的UI消失。开发工具的“元素”标签显示了正确的结构-所有div都在其中，并带有display：块。它们只是不呈现。将窗口调整为很小的大小将强制重新绘制，并且所有元素再次变得可见。（我目前正在使用Chrome v 37.0.2062.94）
控制台中没有打印错误。
到目前为止，仅在具有视网膜显示屏的Macbook上报告了此问题。我也在Canary上复制了此内容。
截图：https : //cloud.githubusercontent.com/assets/1365493/4188877/06d8b6bc-3777-11e4-8c6b-3f23edfa7c5b.png https://cloud.githubusercontent.com/assets/681190/4188491/1c8f99a2-3773-11e4 -8cc9-bbd5d3165530.png
我们遍历了所有已overflow: scroll;添加的要素，并添加-webkit-transform: translate3d(0,0,0);了强制这些要素更好的硬件加速。
这解决了问题。详细信息发布在http://blog.getpostman.com/index.php/2015/01/23/ui-repaint-issue-on-chrome/
综上所述-问题似乎与分辨率非常高的滚动元素的GPU合并（当滚动条占据右填充时）有关。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句