我的网站在移动版式镶版式右侧显示空白区域，但桌面版式版式显示空白区域

my site shows white space on right in mobile chrome but not desktop chrome

本文关键字：显示 区域 空白 桌面 网站 移动 我的      更新时间：2023-09-26

网站进行中：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查询。

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

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

html, body {
    overflow-x:hidden;
}

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

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

相关文章：