Html 角材料在移动设备上不响应

我已经开发了我的网站使用角材料。桌面版是完美的。然而，当在移动设备上查看时，整个网站看起来是破碎和错位的。我想知道这是否是因为我没有为我的站点上的每个元素设置cols大小？任何关于如何在手机上解决此问题的帮助都将不胜感激。下面我附上了我的meta标签，以防出现问题。该网站是随网站一起发布的

---

我已经确定，如果为小屏幕添加适当的cols size属性，这就解决了我的问题。因此，在需要在移动屏幕上调整大小的html标记中使用

md cols sm=“2”

<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">