Angular Material 在移动设备上没有响应

Question

我使用 Angular Material 开发了我的网站。桌面版是完美的。然而，当在移动设备上查看时，整个网站看起来都被破坏和放错地方了。我想知道这是否是因为我没有为网站上的每个元素设置 cols 大小？任何有关如何在移动设备上解决此问题的帮助将不胜感激。下面我附上了我的元标记，以防万一这可能是问题。该网站是here 以及source code。

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="viewport" content="width=device-width">

Answer 1

我已经确定，如果您为小屏幕添加适当的 cols 大小属性，这可以解决我的问题。所以在需要在手机屏幕上调整大小的html标签中使用md-cols-sm="2"。