css - 我在 iOS 中的网站上的填充过多

Question

这是我为 friend 制作的网站，它看起来很棒，但是在 iOS(iPhone 和 iPad)上查看时，右侧有额外的填充。我什至从来没有告诉它有填充，所以我什至不确定我应该提供什么样的 CSS 片段。我用 Firebug 看过，但找不到任何东西。

这是我 iPhone 上的样子

谁能告诉我为什么我的右边填充这么多？

为什么链接WINERY在第二行也有很好的理由？正如在 Android 和桌面浏览器上看到的那样，它有足够的空间，但由于某种原因，它在 iOS 中位于第二行。

#access {
    display: block;
    float: right;
    margin: 0 auto;
    width: 600px;
    margin-right: 20px;
    margin-top: 70px;
}

感谢任何帮助。

Answer 1

你试过把宽度变大吗？我在我的设计中发现，有时在 iOS 上呈现的宽度只是略有不同，在很多情况下，我通过稍微扩展宽度来解决这个问题。

此外，如果您使用列表来显示该导航菜单，我发现减少 <li> 上的填充或边距(如果有)几个像素的元素可以帮助解决问题。