Mobile blättern zu langen Leerraum unterhalb Text verlassen

Question

http://www.cllrart.com/more

In mobilen Browsern, die Seite scrollt Art und Weise unter dem letzten Text auf der Seite etwas Platz verursacht am Ende erscheinen. Wie könnte ich das möglicherweise entfernen?

Jede Hilfe wäre sehr viel

Answer 1

es sieht aus wie Ihre css .entry Klasse hat einen großen unteren Rand.

.entry { 
    margin: 4.5em 0; // <-- Reducing this will help 
} 

Sie können dies versuchen:

.entry { 
    margin: 4.5em 0 0; // <-- Doing this might be what you're looking for. 
} 

Ich hoffe, dass dies Ihre Frage beantwortet.

Answer 2

geschätzt Was ist Ihr css/html für mobile Medien Abfrage ist? Ich würde Ihre Höhe oder Padding auf einem bestimmten Div oder Element überprüfen.

Answer 3

p { 
    margin: 1.5em 0; 
} 

Ich denke, das ist das Problem für Sie. Die Marge fügt zusätzlichen Speicherplatz hinzu. Sie sollten alle overflow: hidden;-Tags entfernen können, die Sie zu den Tags overflow-container und body hinzugefügt haben, wenn Sie dies auf mobilen Geräten anpassen. Ich würde eine Medienabfrage schreiben, um die Geräte anzusprechen, auf denen Sie Probleme haben.

Es wäre hilfreich, genauer zu sein, für zukünftige Referenz, z. B. welcher Browser dieses Problem angezeigt wird oder welches Gerät das Problem hat. Screenshots können auch hilfreich sein, um das Problem besser zu veranschaulichen. Nur ein paar Tipps für das nächste Mal!

Nun, ich hoffe, das hilft Ihnen aus!