我 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。
我做错了什么？
最佳答案
提供#main-navigation position:relative;，否则 Logo 将相对于正文定位，而正文会在较小的设备上调整大小。
Chris Coyier 有一个 article about it .
关于ios - iOS 中绝对定位的 Logo 未居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10987491/