像桌面浏览器一样放大移动设备

Question

我有一个页面，它使用 css % 单位动态流动。 在桌面上，如果我调整页面大小看起来很漂亮，文本会回流使页面更长以容纳。 在桌面上，如果我缩放页面看起来很漂亮，一切都会变大并且回流使页面更长以容纳。

在移动设备上，当我缩放页面时，页面保持相同的纵横比，整个东西变得更大，没有回流，它变成了一个可以使用的窗格。

如何让移动设备上的缩放像在桌面上一样回流？

编辑：

---

阅读 RoyalleBlue 评论中的链接后，我添加了以下标签：

<meta name="viewport" content="width=device-width">

这告诉移动设备最初流向“实际”宽度。 这是一个非常好的开始。 客户对“移动站点”感到满意。 但是，它仍然像移动设备一样缩放：页面保持相同的纵横比，整个东西变大并且没有回流。 所以我还在寻找答案。

Answer 1

使用响应式元标记，您可以做到这一点

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">