jquery - Chrome 和 Android native 浏览器上的相对位置问题

Question

第一次在这里发帖，经过很长一段时间使用你的建议!
所以，这是我的问题:我尝试将元素水平居中。我在 CSS 中定义了 'top:50%' 并要求 jQuery 查找 'margin-top:-XXpx'。
它在加载时工作，但当我使用 Chrome 或 Android native 浏览器刷新页面时，元素会移动到下方。
这不会发生在 Firefox 上(我没有尝试过其他浏览器)。

你可以在这里看到它:http://www.porteguillau.me/2/

有人知道吗？

Answer 1

您可能应该使用绝对定位而不是相对定位。

此外，您是否尝试将 div 垂直居中？如果您知道高度(如果图标是固定大小，您应该知道)，请将上边距设置为 div 高度的负一半(在您的示例中为 -150 像素左右)。