ios - 绝对定位的标志不在 iOS 中居中

Question

我朋友网站上的徽标在所有浏览器中都可以正常工作，但是当我打开我的 iPhone 或 iPad（实际设备）时，一切都变得很奇怪。

<a href="http://www.averylawoffice.ca/averywordpress"><img class="averylogo" src="<?php bloginfo('template_directory') ?>/img/HEADER-AveryLawOffice-LOGO.png" alt="Avery Law Office"></a>

它没有放在任何包含的 div 中。就靠它自己。

CSS

 .averylogo { position: absolute; width:360px; left: 50%; margin-left: -180px; z-index: 2; }

我不太确定为什么它可以在其他任何地方工作，但不能正确地集中在我的 iPad 或 iPhone 上。

这就是它的样子，但仅限于 iOS。

我究竟做错了什么？

Answer 1

否则#main-navigation position:relative;，徽标的位置相对于身体，在您的较小设备上调整大小。

Chris Coyier 有一篇关于它的文章。

Answer 2

使用margin-left: auto和删除left: 50%.

您可能想text-align: center为#main-navigationIE 添加。