2016-10-03 55 views
0

我在我正在构建的网站中使用Visual Composer for Wordpress。但是,在移动视图中,显示的空间可以使网站水平滚动。它发生在任何主题中,我创建了一个页面,我剥去了所有内容,但错误仍然存​​在......它不可能是插件,因为我在其他几个网站上使用它。我错过了明显的东西吗?意外的空间移动视图

http:// www。 URL的.com/pagina2/

我希望有人察觉什么错,它是推动我疯了..

回答

1

您可以手动与CSS禁用此:

body { 
    overflow-x: hidden; 
} 

这将禁用所有的水平滚动,因为它会阻止任何东西溢出你的容器。

这是由margins引起的.vc_row wpb_row vc_row-fluid。因此,您可以删除那些margins或使用overflow-x: hidden选项。

在头部添加此:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

这将确保你的窗口将包含自身在手机浏览器的窗口。

+0

嗨凯文,感谢您看看这个问题。 overflow-x:hidden解决方案将隐藏桌面上的问题,但您的手机实际上会在屏幕右侧显示一个空的10像素(或类似的东西)。 .vc-row上的边距不是真正的问题,因为它们是由bij Visual Composer(我用于创建列的插件)生成的。该代码应该是合理的。 – Sander

+0

我已经添加了另一个解决方案,可能会有所帮助:)但边距也可能是一个问题。因为它来自插件,所以并不意味着不会有问题。 – Kevinvhengst

+0

嗨凯文,你是绝对正确的,这真的取决于插件和开发人员。我在许多其他网站上使用这个插件,但他们似乎没有问题。隐瞒问题的症状对我来说也很有用,所以我会在一分钟内接受你的答案。感谢您的想法! – Sander