Angular Material在Chrome调试（设备）模式下无法响应

Question

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

1. 在小型设备上隐藏我
2. 隐藏在lader上然后是小型设备

当我调整窗口大小时，属性正在起作用。但是，当我进入设备调试模式（例如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像素缩放进行渲染。