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

标签 jquery css position


第一次在这里发帖,经过很长一段时间使用你的建议!
所以,这是我的问题:我尝试将元素水平居中。我在 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/

相关文章:

javascript - 如何选择具有特定兄弟元素的元素?

jquery - 更改选择标签标题的颜色

html - table 头周围的边框

战舰游戏中舰船的定位算法

javascript - 无法在 jquery 中访问返回的 json

javascript - 从任意 HTML 表创建工具提示输出

javascript - Codeigniter 笑脸未出现在预览区域中

css - IE 7 和 8 背景图像位置问题

html - 水平居中表单和按钮html

css - 2 格位置