gpt4 book ai didi

AngularJS Material 移动布局没有响应

转载 作者:行者123 更新时间:2023-12-01 10:40:46 25 4
gpt4 key购买 nike

我正在尝试制作一个响应式网站,但我遇到的问题是移动版看起来就像桌面版的超小版本。

<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 标签中使用视口(viewport)元数据。请引用:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

关于AngularJS Material 移动布局没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30335906/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com