ios - iOS 中绝对定位的 Logo 未居中

Question

我 friend 网站上的 Logo 在所有浏览器中都能正常工作，但当我打开我的 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;，否则 Logo 将相对于正文定位，而正文会在较小的设备上调整大小。

Chris Coyier 有一个 article about it .