Javascript 在类似移动设备的桌面浏览器上缩放

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

在手机上，当我缩放页面时，页面的纵横比保持不变，整个页面变得更大，没有回流，它变成了一个可以使用的窗格

我如何让手机上的缩放像桌面上一样回流

编辑：

---

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

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

---

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

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

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

您喜欢使用解决方案还是不喜欢使用它们？我已经在网页的其他部分使用过它们。所以我不反对在这里使用它们，如果它们会有帮助的话。取决于你需要为媒体指定多少CSS选择器，你可以考虑使用A。典型的手机将低于480px。在这种情况下，我建议在底部放置一个链接，允许用户在“桌面CSS”和“移动CSS”之间切换。这就是我所知道的，所以我想与大家分享一下，希望它能帮助你更接近你想要的东西。