Ich verwende WordPress und ich habe CSS verwendet, um die Breite meiner „Über“- und „Kontakt“-Seite zentrierter und kleiner zu machen, indem ich Padding hinzufügte. Wenn ich dies jedoch tue, insbesondere in der mobilen Ansicht (ich denke, Tablet ist in Ordnung), gibt es deswegen auf beiden Seiten weiße Flächen.
Das Thema, das ich verwende, ist meiner Meinung nach so aufgebaut, und ich konnte in diesem Thema nicht wirklich etwas finden, das die Elemente schmaler und auf der Seite zentriert erscheinen lässt, also habe ich stattdessen Padding verwendet, damit es so aussieht, wie ich es möchte.
‘Kontakt’-Seite meiner Website in der mobilen Ansicht
‘Portfolio’-Seite meiner Website in der mobilen Ansicht
Hier ist ein Link zu meiner Website: http://www.lisaweng.com/contact/
Gibt es ein CSS, das diese Seiten in der mobilen Ansicht normal oder in voller Breite erscheinen lässt, selbst wenn ich Padding hinzufüge, wie z Desktop-Version?
PS: Für das CSS zum Auffüllen der Seitenelemente „Über“ und „Kontakt“ habe ich Prozentsätze anstelle von Pixeln verwendet. Ich bin mir nicht sicher, warum es nicht vollständig reagiert, wenn es in der mobilen Ansicht angezeigt wird.
So sieht mein CSS für die Seite „Über“ und „Kontakt“ aus:
.cf7_custom_style_1 {
padding-left: 20%;
padding-right: 20%;
}
und
.aboutme {
padding-left: 14%;
padding-right: 14%;
}
Gibt es einen Code um das zu beheben? Oder eine Idee warum das so ist? Wenn es einen Code für die Korrektur der mobilen Ansicht gibt, wird er auch für Tablets gleich sein oder hat das Tablet auch ein CSS, um die Reaktionsfähigkeit so zu korrigieren, wie es sein sollte?