第一次在这里发帖,经过很长一段时间使用你的建议!
所以,这是我的问题:我尝试将元素水平居中。我在 CSS 中定义了 'top:50%' 并要求 jQuery 查找 'margin-top:-XXpx'。
它在加载时工作,但当我使用 Chrome 或 Android native 浏览器刷新页面时,元素会移动到下方。
这不会发生在 Firefox 上(我没有尝试过其他浏览器)。
你可以在这里看到它:http://www.porteguillau.me/2/
有人知道吗?
最佳答案
您可能应该使用绝对定位而不是相对定位。
此外,您是否尝试将 div 垂直居中?如果您知道高度(如果图标是固定大小,您应该知道),请将上边距设置为 div 高度的负一半(在您的示例中为 -150 像素左右)。
关于jquery - Chrome 和 Android native 浏览器上的相对位置问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21439319/