Font Size of span Element Not Rendering Correctly in Mobile Mode in .NET MAUI Blazor

[DivyaSF4512]

Description

Bug Description:
In a .NET MAUI Blazor application, a span element styled with a font size of 4.87761px inside a div renders incorrectly in mobile mode. The expected font size of the span is approximately 4.88px, but it is rendered as 10.4px. This issue affects mobile devices and does not seem to align with the specified CSS rules.

Environment Details:
Framework: .NET MAUI Blazor

Kindly find the below attachments

Screenshots

Sample
MauiAppSample.zip

Steps to Reproduce

Reproduction Steps:
1. Create a .NET MAUI Blazor project.
2. Add the following code to a Blazor page (e.g., Main.razor):

Expected Behavior:
The span element should render with a font size of approximately 4.88px on mobile devices, matching the CSS-defined value.

Actual Behavior:
The span element renders with a font size of 10.4px instead of the specified 4.87761px. This deviation occurs in mobile mode.

[jfversluis]

If you add a regular web view, does this issue still show? In the device browser, does this issue sto show?

[DivyaSF4512]

Hi @jfversluis
The reported issue is also replicated in .Net MAUI Sample in Mobile Device.

[Ying-6]

This issue has been verified using Visual Studio 17.13.0 Preview 2.1 (9.0.21 & 9.0.14 & 8.0.100). Can repro this issue on Android device.