在Chrome和Android本地瀏覽器上的相對位置的問題

Question

第一篇文章，在很長一段時間後使用您的建議！
所以，這是我的問題：我嘗試水平居中元素。我在CSS中定義了'top：50％'，並要求jQuery找到'margin-top：-XXpx'。
它在加載時起作用，但是當我使用Chrome或Android本地瀏覽器刷新頁面時，元素會在下面移動。
這不會發生在Firefox（我還沒有嘗試用其他瀏覽器）。

你可以在這裏看到：http://www.porteguillau.me/2/

是否有人有什麼想法？

Answer 1

您應該使用絕對定位而不是相對值。

另外，你是否試圖垂直居中div？如果你知道高度（如果圖標是固定尺寸，你應該知道），將頂部邊距設置爲div高度的負半邊（在你的例子-150px左右）。