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

标签 html angularjs mobile responsive-design angular-material

我使用 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">

最佳答案

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

关于html - Angular Material 在移动设备上没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29749945/

相关文章:

html - 悬停在父级上不会影响标记标签 CSS

javascript - 验证指令内具有动态名称的表单

javascript - AngularJS + Rails : Unknown provider: e

Jquery Mobile - pagebeforehide - 无法触发事件

java - 有人有带有简单数据库的小型 Android 项目吗?

html - 尖括号 (<) 不触发 html 代码

html - 使链接与上面的图像具有相同的宽度

javascript - Bootstrap 3 Navbar Collapse 是 Buggy

javascript - 过滤 ng-options

java - 发送图片到服务器