DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: horizontales Wegwisch-Scrollen auf schmalen Bildschirmen (Handy) behoben

Browse Source 
Tagescheck-Fund: overflow-x:hidden war nur auf <body> gesetzt, das
tatsächliche Scroll-Element im Standards-Modus ist aber <html>. Dadurch
ließ sich die Seite auf Handy-Breiten (320-414px, z.B. iPhone SE/12/13/14)
ca. 50px horizontal wegwischen und zeigte Leerraum hinter den absichtlich
überbreiten Deko-Elementen (Nebel-Partikel, Aurora-Hintergrund auf der
Startseite). Betraf vermutlich schon länger alle Seiten, nicht nur die
heutigen Änderungen. Fix: overflow-x:hidden zusätzlich auf <html>.
This commit is contained in:
DogFatherGit
2026-08-02 21:02:06 +02:00
parent fa7c644917
commit a3c4167bdb
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+7
View File
@@ -7,6 +7,13 @@
/* ---------- Reset ---------- */ /* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
/* overflow-x:hidden gehört auf BEIDE Elemente: <html> ist im Standards-Modus
das tatsächliche Scroll-Element des Dokuments, nicht <body> — nur auf body
gesetzt, ließ sich die Seite auf schmalen Bildschirmen (Handy-Breiten wie
320-414px) trotzdem ca. 50px horizontal wegwischen und zeigte Leerraum
hinter den absichtlich überbreiten Deko-Elementen (Nebel/Aurora-Hintergrund).
Tagescheck-Fund vom 02.08.2026, siehe DogFather Website.md. */
html { overflow-x: hidden; }
html, body { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; }
img, svg { max-width: 100%; display: block; } img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; } a { color: inherit; text-decoration: none; }