网站正在进行中: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">
Run Code Online (Sandbox Code Playgroud)
为何在移动版和台式机版Chrome之间显示不同的原因非常困惑!而且仅在纵向模式下!
我还要指出,由于我使用Javascript / JQuery使网站具有响应能力,因此未添加任何@media查询。
任何帮助将不胜感激。谢谢!