Top und Bottom Padding Probleme auf Handy

-1

Ich habe Probleme, wo ich nicht mit einem Streich auf dem Handy den ganzen Weg nach oben oder unten scrollen. Ich gehe davon aus, dass das Problem mit einer Mischung aus der von mir erstellten mobilen Navigation und der URL-Leiste auf dem Telefon zu tun hat, die je nachdem, ob Sie nach oben oder nach unten scrollen, angezeigt und ausgeblendet wird.Top und Bottom Padding Probleme auf Handy

Hat jemand auf dieses Problem gestoßen/eine funktionierende Lösung dafür gefunden?

Quelle

2016-08-05 Enigma

Eine 'jsfiddle' oder etwas zu machen würde Ihnen viel einfacher machen. – tcasey

Es handelt sich um ein Problem, das nur auf Mobilgeräte zutrifft. Es ist wahrscheinlich, dass das Problem nicht erneut erstellt wird, wenn ich eine Fiedel mache. – Enigma

Nun, zumindest etwas Code enthalten? wirklich schwer, eine Frage mit buchstäblich nichts zu beantworten ... – JPeG

Das Problem verschwand, als ich zwei Regeln

@media only screen and (max-width: 850px) 
body, html { 
    min-height: 100vh; 
    min-width: 100vw; 
}

und

geändert

html, body { 
    min-height: 100%; 
    min-width: 100%; 
}

Verwenden Sie einfach min-height und min-width, anstatt sie explizit zu deklarieren.

Quelle

2016-08-05 21:26:29 Hissvard

Hmm Ich bin mir nicht sicher, warum es speziell hier ein Problem wäre. Wir haben diese Stile schon eine Weile gehabt und sind noch nie auf dieses Problem gestoßen. Danke, ich muss unser Stylesheet überarbeiten, um dieses Problem anzugehen. – Enigma

Verwenden Sie ein gesetztes Ansichtsfenster?

Wenn Sie etwas verwenden sind wie

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Es beeinflusst die Art und Weise könnte Ihr Telefon nativ scrollt.

Quelle

2016-08-05 20:26:41 Adam

verwende ich gerade. – Enigma

Top und Bottom Padding Probleme auf Handy

Antwort

Verwandte Themen