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
我在 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