移动Safari渲染怪异，在错误的地方添加额外的边距

Question

有时候，但并非总是如此，当这个网络应用程序页面在移动版Safari上加载时，会增加一个额外的边距，切入应该是单个按钮的内容。它直接通过文本而不影响文本的位置。如果我打开模拟器进入Web检查器，并在页面的任何位置基本上注释掉任何样式，那么空间就会消失。所述空间仅出现在移动野生动物园中，而不是其他地方。如果我重新加载页面，有时它会在那里，但有时它不会。这是一个safari呈现问题吗？或其他什么？

第一张图片展示了iphone在工作时的样子，第二张图片是在添加奇怪空间的时候：

Answer 1

事实证明，答案是将transformz（0）hack添加到锚元素（按钮）。这会诱使浏览器使用gpu来渲染页面而不是cpu，从而帮助解决移动设备上的性能问题。与更多信息的良好链接：http://aerotwist.com/blog/on-translate3d-and-layer-creation-hacks/