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

Question

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

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

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

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

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

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

Answer 1

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

包含一个 viewport-meta-tag 像

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

告诉浏览器您的网站是 响应式，应使用正确的 CSS 像素缩放进行渲染。