モバイルデバイスの右側に空白が表示されます。テーブルとテキストの一部がモバイルの外に出る

Question

モバイルデバイスの右側に奇妙な空白が表示されています。私は、次の体内のページをラップ試してみました：

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

それは右側の空白を削除し、それはまた、以前にオーバーフローした内容を切りました。だから私はそれを取り除いた。私はいろいろな方法で試しましたが、これまでの運はありません。私はビューポートのメタタグを使用し、RWDにはブートストラップ3を使用しました。誰でも問題になる可能性のあるものを手助けできますか？前もって感謝します。ここで

はリンクです：[あなたのスタイルシートで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; 
    ... 
} 

を持っています。 1つのオプションは、これを次のように変更することです

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

お使いの携帯電話のメニューを微調整する

更新
1つのオプションは、あなたのCSSに以下のようなものを追加することです：

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