ame*_*lon 3 flexbox responsive-design angularjs angular-material
我正在尝试创建一个响应式网站,我遇到的问题是移动版本看起来像桌面的超小版本.
<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>
上面的例子在桌面上有两个flexdiv彼此相邻,如果我重新调整浏览器的大小,div最终会从内联到另一个下一个就像它应该的那样.问题是在移动设备上,div保持内联,字体看起来很小,基本上看起来就像一个非常小的网站.似乎没有响应的部分在踢.我显然缺少一些东西.
小智 6
你需要head标签中的viewport meta.请参考:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag