Question

我正在尝试建立一个自适应网站，我遇到的问题是移动版本看起来就像桌面的超小版本。

<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保持内联，字体看起来很小，基本上看起来就像一个非常小的网站。看起来好像没有响应的部分。我显然错过了一些东西。

Answer 1

您需要在head标记中使用viewport meta。请参考：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

AngularJS材质移动布局无响应

1 个答案: