獲取移動設備右側的空白區域。表格和文字的某些部分超出了移動寬度

Question

我在移動設備的右側獲得了奇怪的空白區域。我試圖包裹體以下內頁：

<div style="overflow-x:hidden"></div> 

它去掉右邊的空格，但同時也削減了其前溢出的內容。所以，我刪除了它。我嘗試了很多方法，但目前還沒有運氣。我使用了視口元標記並使用bootstrap 3來進行RWD。任何人都可以幫助解決這個問題嗎？提前致謝。

這裏是鏈接：[http://107.180.106.101:8081/rates-go.html]

Answer 1

在樣式表@http://107.180.106.101:8081/Content/css/style.css，上線460你有

#page-content{ 
    width: 572px; 
    ... 
} 

那硬編碼的寬度會導致在狹窄的視口的問題。一種選擇是將其改爲類似

#page-content{ 
    width: 572px; 
    max-width: 100% 
    ... 
} 

希望這有助於！

更新
一個選項來調整您的手機菜單中會添加類似下面給你的CSS：

@media(max-width:767px) { 
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { 
     margin-right: 0; 
    } 
}