Angular Material 在 Chrome 调试（设备）模式下没有响应

Question

我遇到了一个奇怪的问题。 在我的 html 文件中，我定义了两个属性：

1. 在小型设备上隐藏我
2. 把我藏在更小的设备上

当我调整 window 大小时，属性正在发挥作用。但是，当我进入设备调试模式（例如 iPhone 5）时，什么也没有发生。当我尝试调整 window 的大小时（在响应模式下，而不是 iPhone 5），当我到达 hide-xs 断点时，它们正在缩小而不是隐藏。

除了这个问题，ngMaterial 工作正常。它按照应有的方式安排布局，我没有遇到任何其他问题。

PS 我正在使用 Bower 包管理器来维护依赖项。首先我认为它可能与 ngMaterial 版本有某种关系。但它可能不是。

Here is the site which I'm developing.你可以玩它的登录页面看看问题

Answer 1

我找到了解决方案。 这是 Pajn 在 Github 论坛上写的内容：

Include a viewport-meta-tag like

<meta name="viewport" content="width=device-width">

to tell the brower that your site is responsive and should be rendered using correct CSS pixel scaling.