用途:Syncfusion Blazor Media Query 组件检测当前屏幕尺寸,并根据定义的断点触发布局变化,用于构建响应式、自适应的 Blazor 应用。
主要能力:内置 Small、Medium、Large 断点;通过 ActiveBreakPoint 属性绑定当前匹配的断点名称;支持修改内置断点或通过 MediaBreakpoints 定义自定义断点;可结合条件渲染、动态属性调整实现响应式布局;支持在 MainLayout.razor 中全局复用,并通过级联值向子页面传递断点;可与 Data Grid、Charts 等 Syncfusion 组件集成。
使用方式:安装 NuGet 包并导入命名空间、注册服务、配置主题样式表后,在页面中使用 <SfMediaQuery @bind-ActiveBreakPoint="currentBreakpoint"></SfMediaQuery>,再根据 currentBreakpoint 的值(如 Small、Medium、Large)条件渲染不同布局或调整组件属性。
适用场景:响应式 Data Grid(按屏幕尺寸隐藏列或调整行布局)、响应式导航(移动端折叠为汉堡菜单)、多列布局切换(1/2/3 列)、全局应用响应式适配。
限制:资料未提供具体 NuGet 包名、版本要求、浏览器兼容性、性能数据及收费信息,这些内容暂未提供。