2016-08-03 3 views
1

Ich versuche herauszufinden, wo diese massive leere Raum kommt aus dem mobilen auf mehreren Abschnitten gesehen und wenn es eine Decke Fix oder muss ich eine Mindesthöhe: 0px für jeder, der versaut ist.WordPress mobile min-height Ausgaben

Info: Site: http://dev.bnpwebdev.com/ Wo Problem tritt auf: Mobile (Phone/iPad) nicht Desktop Was ich versucht habe:

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

Ich bin kein CSS-Experte, so dass alle Hilfe würde appretiated werden.

Antwort

1

Sie können Ihren PC-Browser verwenden, um Ihre mobile Website zu debuggen, wie Sie es für eine normale Website tun würden, indem Sie "Adaptive View" verwenden, ein Entwicklungswerkzeug in fast jedem Browser-Toolkit.

Aktiv sie und eine Bildschirmgröße definieren: jetzt können Sie Ihre leeren Räume reproduzieren und debuggen sie mit Ihrem Lieblings-Browser Toolkit (meine Firebug ist :)

Generell denke ich Ihre Lösung in dem „@ sein Medien "Abschnitte, wie sie bestimmtes Verhalten in Bezug auf Benutzer Bildschirmgröße definieren. Mit ihnen können Sie nur den mobilen Teil Ihrer Website bearbeiten.

+0

Ich benutze Chrom und so habe ich die verrückten Lücken gefunden. Also, wenn ich mit @media was folgt, wäre mein Auflegen. Dies ist der Versuch, basierend auf Ihrer Antwort. "@media. Fusion-column-wrapper {min-Höhe: 0px;}" – 2toetommy

+0

Ich empfehle Ihnen dringend, Ihre mobile Website auf einem mobilen Gerät zu betrachten. Ok, ich hätte das vorher sagen sollen, aber die adaptive Ansicht ist nicht vollständig repräsentativ für das, was der Benutzer sehen wird. Es ist ein gutes Werkzeug, um einen bekannten Fehler zu debuggen, aber es kann auch das Problem korrigieren, das nie existiert hat, und dann echte Probleme erzeugen. – technico

+0

Ich finde beim Debuggen, dass element.style die Regel enthält, die den Raum gibt. In diesem Bild gezeigt [Link] (http://puu.sh/qoIxj/d36495b01d.png) Wenn ich diese Min-Höhe deaktivieren, sind die Lücken verschwunden. Ich habe durch die style.css geschaut und kann das fast nicht so finden wie es auf der Seite geladen wird oder so. – 2toetommy