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

Sometimes, but not always, when this one web app page loads on mobile safari there is an extra margin added that cuts into what is supposed to be a single button. It goes right through the text without affecting where the text is. If I go into the web inspector with an emulator open, and comment out basically any styling anywhere on the page the space goes away. Said space only appears on mobile safari, nowhere else. If I reload the page, sometimes it will be there, but sometimes it won't. Is this a safari rendering issue? Or something else?

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

The first image illustrates what it looks like on an iphone when it's working, and the second is when the weird space is being added:

第一张图片说明了它在iphone工作时的样子,第二张图片说明了添加奇怪空间的时候:

1 个解决方案