2016-08-03 61 views
1

我想弄清楚从几个部分的移动设备上查看这个巨大的空白空间来自哪里,如果有一个毯子修复或我必须设置最小高度:0px为每一个都搞砸了。WordPress的移动最小高度问题

信息: 网站:http://dev.bnpwebdev.com/ 哪里发生问题:移动(手机/ iPad的)不是桌面 我曾尝试:

.fusion-one-half .fusion-layout-column .fusion-column-last .fusion-spacing-yes .fusion-column-wrapper { 
min-height:0px;} 

我不是一个CSS专家,所以所有的帮助,将appretiated。

回答

1

您可以像使用普通网站一样使用PC浏览器来调试您的移动网站,方法是使用几乎所有浏览器工具包中的“自适应视图”(一种开发工具)。

活动,并定义屏幕尺寸:现在你可以复制你的空的空间,并与喜爱的浏览器工具包调试它们(我是萤火虫:)

更一般地,我认为您的解决方案将在“@媒体“部分,因为他们定义了有关用户屏幕大小的特定行为。使用它们,您将只能编辑网站的移动部分。

+0

我使用铬,这就是我如何找到疯狂的差距。因此,如果我使用@media,我会挂断电话。根据你的回答,这是病态。 “@media .fusion-column-wrapper {min-height:0px;}” – 2toetommy

+0

我强烈建议您在移动设备上查看您的移动网站。 好的,我以前应该说过,但适应性视图并不完全代表用户会看到的内容。它是调试已知错误的好工具,但它也可以让你正确地解决从未存在的问题,然后创建真正的问题。 – technico

+0

我在调试时发现element.style包含给出空间的规则。如图所示[链接](http://puu.sh/qoIxj/d36495b01d.png) 当我取消选中此最小高度时,间隔消失了。我已经看过了style.css,并且找不到它,就像它在页面加载时生成的东西一样。 – 2toetommy