Javascript 我的网站在移动chrome的右侧显示空白,而不是桌面chrome

Javascript 我的网站在移动chrome的右侧显示空白,而不是桌面chrome,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,进行中的网站: 这是我学习Javascript/Jquery后创建的第一个站点,所以请对我好一点。我使用Bootstrap、Javascript和Jquery为我的站点添加了响应性&它在FF24和Chrome30上运行得非常好!但是,当我在Galaxy S3上的移动版Chrome中以纵向模式查看此网站时,右边的空白处似乎找不到问题的原因。在横向模式下,空白区域不存在&站点的外观和行为与它应该的一样 我使用了以下元标记,我认为这样可以避免这个问题的发生: <meta http-equiv="

进行中的网站:

这是我学习Javascript/Jquery后创建的第一个站点,所以请对我好一点。我使用Bootstrap、Javascript和Jquery为我的站点添加了响应性&它在FF24和Chrome30上运行得非常好!但是,当我在Galaxy S3上的移动版Chrome中以纵向模式查看此网站时,右边的空白处似乎找不到问题的原因。在横向模式下,空白区域不存在&站点的外观和行为与它应该的一样

我使用了以下元标记,我认为这样可以避免这个问题的发生:

<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查询

任何帮助都将不胜感激。谢谢大家!

联系人表单中的
标记具有
宽度
属性
450
。考虑到左边距,这太大了


该表格的最大宽度应为415px,但是您可能应该找到一种更好的方法来使用CSS实现该布局。

为头部和身体设置下面的CSS

html, body {
    overflow-x:hidden;
}

也许使用百分比会更好。谢谢你们的回复,但不幸的是,删除宽度属性并没有改变任何事情。好主意!还有其他建议吗?也许有一种方法可以调试移动chrome,就像你在桌面chrome中使用inspector一样?@user2731260你确定你没有缓存版本吗?现在在我的Nexus4i上看起来不错,我切换了“请求桌面站点”,一切都很好!谢谢大家!为什么这样做有效?我已经检查了我所有的容器,没有任何东西溢出,但这是可行的。如果我使用调试器删除样式,它仍然可以工作!