Blazor 服务器未在移动设备上缩放(缩放)

Blazor server not scaling (zoomed) on mobile

我在 Blazor 服务器中制作了一个小型传感器应用程序。

但是,当我在我的 phone 上查看该应用程序时,它会显示这些滚动条(我总是需要 pinch/zoom 离开我的页面以使滚动条消失并像它一样显示该应用程序应该)。 看起来应用程序在我重新加载时一直在放大,即使我在 _hosts 文件 (<meta name="viewport" content="width=device-width, initial-scale=1.0"> ) 中设置了视口。 不知道这是否是相关信息,但我也在前端使用 MudBlazor

由于我的仪表板有一半不可见,因此该应用程序无法使用且咨询起来不愉快。

对可能出现的问题有什么想法吗? 谢谢

您应该将容器包装在布局容器中,例如 MudContainer、MudStack 或 MudGrid。这些组件可以帮助您进行响应式设计,无需或只需很少 CSS。

使用什么框架并不重要。归根结底,所有内容都使用内联样式或 CSS 规则呈现。如果您希望使用 window 缩小某些内容,则需要根据 window.

设置该项目或其父项之一的大小

默认情况下,Blazor 内置了 Bootstrap,它有一个非常好的网格系统,可用于缩放。我不使用第三方插件,但正如@Mehmet 所说,您应该做的第一件事是 Google 或查看 YouTube 以获取有关如何在 MudBlazor 中格式化项目的教程。

尝试:https://www.youtube.com/results?search_query=mudblazor+layout