Ich versuche, mit Nuxt, Vue3 und TailwindCSS eine einfache Lebenslaufseite zu erstellen. Wenn mein Browser im Vollbildmodus ist, sieht alles gut aus und alles funktioniert gut. Wenn ich jedoch etwas anderes als den Vollbildmodus sehe, ist die rechte Seite der Seite im Hauptteil der App ohne Grund leer. (Bitte ignorieren Sie das schreckliche Design, es ist noch in Arbeit)

Wie Sie unten sehen können, hat das Element einen Rand auf der rechten Seite, sollte aber nicht vorhanden sein und wird im berechneten Layout nicht einmal angezeigt. Ich habe kein benutzerdefiniertes CSS hinzugefügt, also habe ich einfach die von Tailwind bereitgestellten Standardklassen verwendet, die meines Wissens keinen rechten Rand haben sollten.

Dies ist das übergeordnete Element, und wie Sie sehen können, weist es keine Abstände oder Ränder auf, die sich auf die untergeordneten Elemente auswirken würden.

Dies ist mein default.vue mit dem eingefügten Element „content“ (im -Tag)