【发布时间】：2013-06-09 03:02:03
【问题描述】：
我有一个页面，它使用 css % 单位动态流动。在桌面上，如果我调整页面大小看起来很漂亮，文本会重新排列，使页面更长以适应。在桌面上，如果我缩放页面看起来很漂亮，所有内容都会变大并重新排列，从而使页面更长以适应。
在移动设备上，当我缩放页面保持相同的纵横比时，整个页面变得更大，没有回流，它变成了一个可以使用的窗格。
如何让移动设备上的缩放像在桌面上一样重排？
编辑：
阅读 RoyalleBlue cmets 中的链接后，我添加了以下标签：
<meta name="viewport" content="width=device-width">
这告诉移动设备最初流动到“实际”宽度。这是一个非常好的开始。好的客户对“移动网站”感到满意。但是，它仍然像移动设备一样缩放：页面保持相同的纵横比，整个东西变得更大并且没有回流。所以我还在寻找答案。
【问题讨论】：
-
您喜欢使用media queries 的解决方案还是不喜欢使用它们？
-
我已经在网页的其他部分使用了它们。所以我不反对在这里使用它们，如果它们有帮助的话。
-
根据您需要为媒体指定的 CSS 选择器数量，您可以考虑使用max-width query just for phones。典型的手机将小于 480 像素。在这种情况下，我建议在底部放置一个链接，以允许用户在“桌面 CSS”和“移动 CSS”之间切换。这就是我所知道的，所以我想我会分享，希望它可以帮助你更接近你正在寻找的东西。
-
标签： javascript css mobile zooming