AngularJS material 移动布局没有响应
AngularJS material mobile layout not responsive
我正在尝试制作一个响应式网站，但我遇到的问题是移动版看起来就像桌面版的超小版。
<body ng-controller="body" >
<div layout="column">
<div flex>
I'm above on mobile, and to the left on larger devices.
</div>
<div flex>
I'm below on mobile, and to the right on larger devices.
</div>
</div>
</body>
上面在桌面上的例子有两个 flex div 并排在一起，如果我重新调整浏览器的大小，div 最终会从内联变为一个在另一个下面，就像它应该的那样到。问题是在移动设备上，div 保持内联，字体看起来很小，基本上看起来就像一个完整的非常小的网站。响应部分似乎没有发挥作用。我显然遗漏了一些东西。
您需要在 head 标签中使用视口元数据。
请参考：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
我正在尝试制作一个响应式网站，但我遇到的问题是移动版看起来就像桌面版的超小版。
<body ng-controller="body" >
<div layout="column">
<div flex>
I'm above on mobile, and to the left on larger devices.
</div>
<div flex>
I'm below on mobile, and to the right on larger devices.
</div>
</div>
</body>
上面在桌面上的例子有两个 flex div 并排在一起，如果我重新调整浏览器的大小，div 最终会从内联变为一个在另一个下面，就像它应该的那样到。问题是在移动设备上，div 保持内联，字体看起来很小，基本上看起来就像一个完整的非常小的网站。响应部分似乎没有发挥作用。我显然遗漏了一些东西。
您需要在 head 标签中使用视口元数据。 请参考：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag