You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET 7 Blazor Hybrid应用无法全屏显示的解决方法求助

Blazor Hybrid(.NET 7)全屏模式空白问题求助

使用.NET 7开发Blazor Hybrid应用时,开启全屏模式后内容下方始终存在空白区域,尝试多种方法均未解决,现寻求设置应用全屏并修复该空白问题的方案。

相关MudBlazor布局代码

<MudLayout Style="height:contain">

<MudGrid Style="width:100%;height:100%">
<MudItem xs="12" Class="d-flex align-center justify-center" >
    <MudGrid>
        <MudItem xs="2"></MudItem>
        <MudItem xs="8">
            <MudGrid>
                <MudItem xs="12" Class="d-flex align-center justify-center pl-16 pr-16 mr-16 ml-16">
                    <MudGrid>
                        <MudItem xs="3"></MudItem>
                        <MudItem xs="6">
                            <MudTextField @bind-Value="loginModel.UserName" Required="true" Label="User Name" Variant="Variant.Outlined" Margin="Margin.Dense"></MudTextField>
                        </MudItem>
                        <MudItem xs="3"></MudItem>
                    </MudGrid>

                </MudItem>
                <MudItem xs="12" Class="d-flex align-center justify-center pl-16 pr-16 mr-16 ml-16 ">
                    <MudGrid>
                        <MudItem xs="3"></MudItem>
                        <MudItem xs="6">
                            <MudTextField @bind-Value="loginModel.Password" Label="Password" Required="true" Variant="Variant.Outlined"
                                          InputType="@PasswordInput" Adornment="Adornment.End" AdornmentIcon="@PasswordInputIcon"
                                          OnAdornmentClick="ButtonTestclick" AdornmentAriaLabel="Show Password" Margin="Margin.Dense" />
                        </MudItem>
                        <MudItem xs="3"></MudItem>
                    </MudGrid>

                </MudItem>
                <MudItem xs="12" Class="d-flex align-center justify-center pl-16 pr-16 mr-16 ml-16  ">
                    <MudGrid>
                        <MudItem xs="3"></MudItem>
                        <MudItem xs="6">
                            <MudTextField @bind-Value="Environmentname" Label="Environment Name" Variant="Variant.Outlined" Margin="Margin.Dense"></MudTextField>
                        </MudItem>
                        <MudItem xs="3"></MudItem>
                    </MudGrid>

                </MudItem>
                <MudItem xs="12" Class="d-flex align-center justify-center pl-4 pr-4 mr-16 ml-16 ">
                    <MudButton Variant="Variant.Filled" OnClick="LgnBtnClick" Style="background-color:#02198B;color:white;width:120px;height:45px;font-size:larger;border-radius:10px">
                        Login
                    </MudButton>
                </MudItem>
                
            </MudGrid>
        </MudItem>
        <MudItem xs="2"></MudItem>
    </MudGrid>
</MudItem>
 </MudGrid>
 </MudLayout>

问题截图

全屏问题截图1
全屏问题截图2

内容的提问来源于stack exchange,提问作者Danul Hivi Vihan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 07:35:02