# Drawer（抽屉）宽度自适应的解决方案 ## 使用 useDrawerAdaptiveWidth 参考`UserDrawer.vue`的实现。 ``` js // step1 引入useDrawerAdaptiveWidth方法 import {useDrawerAdaptiveWidth} from '/@/hooks/jeecg/useAdaptiveWidth' // step2 获取到adaptiveWidth const {adaptiveWidth} = useDrawerAdaptiveWidth() ``` ``` html <!-- step3 在页面上使用 --> <BasicDrawer @register="registerDrawer" :width="adaptiveWidth" /> ``` ## 自定义宽度范围 `useDrawerAdaptiveWidth`定义了一些默认的自适应宽度，可以应对大多数情况，但是如果当默认的自适应宽度范围无法满足的需求时，就可以自己实现自适应宽度了。 你可以参考下图的默认配置进行修改。