AngularJS材料移动布局没有响应
Posted
技术标签:
【中文标题】AngularJS材料移动布局没有响应【英文标题】：AngularJS material mobile layout not responsive 【发布时间】：2015-07-31 21:18:48 【问题描述】：我正在尝试制作一个响应式网站，但我遇到的问题是移动版看起来就像桌面版的超小版本。
<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 保持内联，字体看起来很小，基本上看起来就像一个完整的非常小的网站。响应式部分似乎没有启动。我显然遗漏了一些东西。
【问题讨论】：
【参考方案1】：您需要 head 标签中的视口元数据。 请参考：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
【讨论】：
以上是关于AngularJS材料移动布局没有响应的主要内容，如果未能解决你的问题，请参考以下文章