4

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

这是我学习 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 查询。

任何帮助将不胜感激。谢谢！

4

2 回答 2

7

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

html, body {
    overflow-x:hidden;
}
于 2018-01-08T16:30:37.337 回答
1

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

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

于 2013-10-03T01:28:05.277 回答