In Projekten vom Typ „.NET MAUI Blazor Hybrid und Web App“ wird die Anwendungsüberschrift von der nativen oberen Android ⇐ Android

[Anonymous]

Das Standardprojekt (genauer gesagt die Gruppe von 4 Projekten) vom Typ .NET MAUI Blazor Hybrid und Web App:


Legen Sie **WebAssembly** als **interaktiven Rendermodus** fest:


Ich habe den von Visual Studio 2026 generierten Code noch nicht bearbeitet.
Generierungsanwendung durch Android-Emulator starten:


Die Anwendung auf die Überschrift ist fast nicht sichtbar, und selbst die XAML-Live-Vorschau erkennt sie:


Versuchte die Emulation anderer, neuerer Gerät. Obwohl die Anzeige unterschiedlich ist, überschneidet sie sich mit der oberen Android-Leiste:


Die Anzeige der Windows-Version ist (auf den ersten Blick) in Ordnung:


Ist es ein Fehler von Blazor und/oder .NET MAUI?
Erster Lösungsversuchsbericht
Derzeit sind alle Stile Standard:


Hinzufügen der folgenden Regelsätze.
Um sicherzustellen, dass Stile tatsächlich angewendet wurden, ändere ich auch die Hintergrundfarbe

Code: Select all

/* Make % heights actually resolvable */
html, body {
height: 100%;
margin: 0;
background: gold;
}

/* Your full-height container */
.page {
min-height: 100vh;   /* fallback */
min-height: 100dvh;  /* modern browsers (dynamic viewport height) */
}

/* If you want to be extra safe about support */
@supports (min-height: 100dvh) {
.page { min-height: 100dvh; }
}

Es hat sich nichts geändert (außer der Hintergrundfarbe):


Die Regelsätze umfassen den für Element mit Seite-Klasse.
Ich ändere das Homepage-Markup von

Code: Select all

@page "/"

Home

Hello, world!

Welcome to your new app.

zu

Code: Select all

@page "/"

Home

Hello, world!

Welcome to your new app.

Ich füge auch die Hintergrundfarbe zur .page-Klasse hinzu.
Keine wesentlichen Änderungen: