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

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

这是它看起来像我的iPhone enter image description here

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

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

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

任何帮助表示赞赏。

2012-07-18 kia4567

你的元初始缩放/初始宽度标记是什么样的？对于移动设备，您不一定要设置静态宽度。 – Brant 2012-07-19 00:17:10

不确定你的意思。我在我的标记中只有“”。我曾尝试过让网站变得流畅，具有快速响应的设计，但是我放弃了IE的问题，并且迄今为止还没有使用静态大小的问题。 – kia4567 2012-07-19 00:50:40

您是否试图让宽度更大？我发现在我的设计中，有时宽度在iOS上呈现略微不同，我通过稍微扩大宽度来解决这个问题。

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

2012-07-18 23:15:00

你在说什么宽度？我为该网站的任何包装的宽度？我的确尝试减少填充和边距，但对我的导航没有任何帮助。 – kia4567 2012-07-18 23:39:36

包含导航菜单的容器的宽度，我认为这是您在上面显示的“＃access”...查看是否使它大于600px有助于任何操作。 – 2012-07-19 20:10:31

回答