Angular材料对移动设备无响应

Question

我使用Angular Material开发了我的网站.桌面版本非常完美.但是,在移动设备上查看时,整个网站看起来都很破碎并且放错地方.我想知道这是不是因为我没有为我网站上的每个元素设置cols大小？任何有关如何在移动设备上解决此问题的帮助将不胜感激.下面我附上了我的元标记,以防可能出现问题.该网站是在这里与沿源代码.

<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

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