iOS 7中的橫幅/網頁右側的空間不需要的條子空間

Question

只有在我的網站的聯繫頁面中，橫幅/網頁右側有一些空間，並且它只顯示在我的iPhone上（我沒有沒有檢查任何其他移動設備）。使用Safari，Chrome，Firefox和Opera在我的Macbook Pro上查看我的網站時，銀條不顯示。其他網頁即使在我的iPhone上也很好，所以我認爲它與社交媒體按鈕或郵件列表形式有關。我檢查了我的CSS，不能輕易發現問題。我試圖把div放在按鈕/窗體周圍，使寬度小於100％，但這似乎不起作用，除非我做的不正確。

它不會是這樣一個可怕的問題，除了當我把我的手機從縱向轉爲橫向時，頁面會變得很大，並且不會縮放以適應屏幕的框架。這不會發生在任何其他頁面上，所以我假設它與右邊的那條子鏈有關。

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

Answer 1

修復被加入以下線83的FB-喜歡 - 方框：

style="max-width: 90%; overflow: hidden;" 

Answer 2

在@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; 
}