在iOS上我的网站上填充太多

Question

这是我为朋友制作的网站，看起来不错，但是在iOS（iPhone和iPad）上查看它时，右边有额外的填充。我从来没有告诉它有填充，所以我甚至不确定我应该提供什么样的CSS。我看着萤火虫但找不到任何东西。

这就是我的iPhone上的样子

任何人都可以告诉我为什么我的右侧填充物是如此之多？

还有一个很好的理由说明为什么链接WINERY在第二行？在Android和桌面浏览器上有足够的空间，但出于某种原因它在iOS的第二行。

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

感谢任何帮助。

Answer 1

您是否尝试过宽度更大？我在我的设计中发现有时宽度在iOS上略有不同，我在很多情况下通过略微扩大宽度来解决这个问题。

此外，如果您使用列表显示该导航菜单，我发现将<li>元素上的填充或边距（如果有）减少几个像素可能会有问题。