解决方法
在角质材料中，md-sidenav具有以下属性：
width: 304px; min-width: 304px;
这就是为什么宽度将固定在304像素，无论你使用什么设备。
所以如果你想改变你的sidenav宽度，你将不得不改变css一点。
如果您只支持现代浏览器，您可以将其更改为vw度量(视口宽度的1/100)，并将其添加到单独的css文件。代码将如下所示：
md-sidenav,md-sidenav.md-locked-open,md-sidenav.md-closed.md-locked-open-add-active {
min-width: 200px !important;
width: 85vw !important;
max-width: 400px !important;
}
