Angular Material 在移动设备上没有响应
Angular Material Not Responsive on Mobile
我使用 Angular Material 开发了我的网站。桌面版是完美的。然而,当在移动设备上查看时,整个网站看起来破烂不堪且错位。我想知道这是否是因为我没有为网站上的每个元素设置 cols 大小?任何有关如何在移动设备上解决此问题的帮助将不胜感激。下面我附上了我的元标记,以防出现问题。该站点是 here along with the 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">
我确定,如果您为小屏幕添加适当的 cols 大小属性,这就解决了我的问题。所以在html标签中使用md-cols-sm="2"
需要在手机屏幕上调整大小
我使用 Angular Material 开发了我的网站。桌面版是完美的。然而,当在移动设备上查看时,整个网站看起来破烂不堪且错位。我想知道这是否是因为我没有为网站上的每个元素设置 cols 大小?任何有关如何在移动设备上解决此问题的帮助将不胜感激。下面我附上了我的元标记,以防出现问题。该站点是 here along with the 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">
我确定,如果您为小屏幕添加适当的 cols 大小属性,这就解决了我的问题。所以在html标签中使用md-cols-sm="2"
需要在手机屏幕上调整大小