Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
CSS
Probleme mit dem Design bei Drehen auf Handy oder Tablet
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Snake20x, post: 13102, member: 4259"] [USER=1688]@basti1012[/USER] hey... Erstmal danke für die ganze Lektüre! Aber irgendwie stell ich mich grad doof an! Die beste Variante ist aus meiner Sicht diese. Du machst ins HTML das Vor die Navbar das! <main class="shrink center"> und unter den Footer </main> Und ins CSS machst das , damit er es verkleinert. @media only screen and (orientation: portrait) { body { .shrink { width: 95%; } } } @media only screen and (orientation: landscape) { body { .shrink { width: 90%; /* Shrink a little more to avoid the notch. */ } } } .center { text-align: center; margin: 0 auto; } Aus meiner Sicht, wenig Code, sehr effizient und sollte das Prob lösen! Aber er macht NIX! Mach ich was falsch? Im Viewport hab ich natürlich das: <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> damit er es ganz nach außen zieht. Und Cache natürlich auch geleert! Danke schonmal im voraus [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
Probleme mit dem Design bei Drehen auf Handy oder Tablet
Oben
Unten