我的网站在移动设备上显示右侧的空白区域，但不显示桌面铬

Question

网站正在进行中：http://www.scissormanmusic.com

这是我自学习Javascript / Jquery以来创建的第一个网站，所以请对我好。我使用了Bootstrap，Javascript＆amp; Jquery为我的网站添加响应能力＆amp;它在FF24＆amp; Chrome30！但是当我在我的Galaxy S3上的移动版Chrome浏览器中以纵向模式查看此网站时，右边的这个空白区域似乎无法找到原因。在横向模式下，白色空间不存在。该网站看起来＆amp;表现得像它应该的那样。

我正在使用以下元标记，我认为会阻止此问题发生：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

相当混淆为什么它在移动设备和显示屏之间的显示方式不同桌面版Chrome！并且只在纵向模式下！

我还要注意，因为我使用Javascript / JQuery来使我的网站响应，所以我没有添加任何@media查询。

非常感谢任何帮助。谢谢！

Answer 1

为头部和身体设置下面的css。

html, body {
    overflow-x:hidden;
}

Answer 2

联系表单中的<table>标记的width属性为450。考虑到左边距，这个太大了。

该表的最大宽度应为415px，但您可能应该使用CSS更好地实现该布局。