如何设置Blazor服务器应用程序的显示宽度?

如何设置Blazor服务器应用程序的显示宽度?,blazor,Blazor,默认情况下,应用程序使用引导。我试过在MainLayout.razor中使用几个div类,但是这个应用程序占据了整个屏幕的宽度。例如,当应用程序在台式机(或笔记本电脑)上运行时,如何将其设置为屏幕宽度的75%。您可以修改site.css文件,在应用程序容器上设置最大宽度。您还可以设置边距:0自动如果您想要的话 app{ 位置:相对位置; 显示器:flex; 弯曲方向:立柱; /*加上这些*/ 最大宽度:75%; 保证金:0自动; } 或者,您可以在侧栏和maindivs周围使用div,但需要将

默认情况下,应用程序使用引导。我试过在MainLayout.razor中使用几个div类,但是这个应用程序占据了整个屏幕的宽度。例如,当应用程序在台式机(或笔记本电脑)上运行时,如何将其设置为屏幕宽度的75%。

您可以修改
site.css
文件,在
应用程序
容器上设置
最大宽度
。您还可以设置
边距:0自动如果您想要的话

app{
位置:相对位置;
显示器:flex;
弯曲方向:立柱;
/*加上这些*/
最大宽度:75%;
保证金:0自动;
}
或者,您可以在
侧栏和
main
div
s周围使用
div
,但需要将其设置为
d-flex


您可以修改
site.css
文件,在
应用程序
容器上设置
最大宽度
。您还可以设置
边距:0自动如果您想要的话

app{
位置:相对位置;
显示器:flex;
弯曲方向:立柱;
/*加上这些*/
最大宽度:75%;
保证金:0自动;
}
或者,您可以在
侧栏和
main
div
s周围使用
div
,但需要将其设置为
d-flex