自适应呈现
Telerik UI for Blazor支持对包含弹出式元素的组件进行自适应渲染。该功能允许组件根据屏幕尺寸提供不同的弹出元素呈现，以适应屏幕大小。
在本文中:
支持组件
自适应渲染功能由以下组件支持:
基础知识
要启用自适应呈现，请使用AdaptiveMode参数。它需要一个元素AdaptiveMode枚举:
没有一个(默认)汽车
可选地，您可以设置标题参数为中小型设备上的弹出窗口提供自定义标题文本。
启用自适应渲染
//注意:下面的配置只包括下拉列表，但它适用于上面列出的所有组件//适应屏幕大小以使用适当的渲染。< TelerikDropDownList…AdaptiveMode = " @AdaptiveMode。汽车" Title="Select item"... />呈现的细节
当你设置AdaptiveMode来汽车，该组件将考虑屏幕大小，以使用适当的渲染。不同的呈现目标是组件的弹出元素以及它将如何显示给用户。
三个断点定义了如下呈现选项:
| 小 | 媒介 | 大 | |
|---|---|---|---|
| 维 | 最高可达500px | 501px到768px | 超过768像素 |
| 呈现 | 弹出窗口呈现为全屏操作表。 | 弹出窗口呈现为停靠在屏幕底部的操作表。 | 弹出窗口被渲染为一个停靠在组件主元素上的动画容器。 |
限制
- 自定义值——列出的一些组件允许自定义值(例如，组合框，MultiColumnComboBox)．此特性不兼容
AdaptiveMode。汽车．