javascript - iOS 7 中横幅/网页右侧不需要的空间条

Question

只有在我网站的联系页面中，横幅/网页右侧有一小块空间，它只显示在我的 iPhone 上(我没有检查任何其他移动设备)。在我的 Macbook Pro 上使用 Safari、Chrome、Firefox 和 Opera 查看我的网站时，不显示条子。其他网页都很好，即使在我的 iPhone 上也是如此，所以我认为这与社交媒体按钮或邮件列表表单有关。我检查了我的 CSS 并且无法轻易找到问题。我尝试在按钮/表单周围放置 div 并使宽度小于 100%，但这似乎不起作用，除非我做错了。

这不会是一个可怕的问题，只是当我将手机从纵向切换到横向时，页面变得很大并且无法缩放以适合屏幕框架。其他任何页面都不会发生这种情况，所以我假设它与右侧的条子有关。

http://therevolution.jmoon.net/contact.html

Answer 1

删除 @media only screen and (min-width: 481px) 中的 displat:inline 并设置 display:block 如下:

layour.css 行:129

#navigation ul li {
display: block;
margin-right: 1.5%;
margin-left: 1.5%;
border: 1px solid #33C;
background-color: #F2F2FF;
padding-top: 0.3em;
padding-right: 0.6em;
padding-bottom: 0.3em;
padding-left: 0.6em;
}