# 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`定義了一些默認的自適應寬度，可以應對大多數情況，但是如果當默認的自適應寬度范圍無法滿足的需求時，就可以自己實現自適應寬度了。 你可以參考下圖的默認配置進行修改。