12

我有一个页面,它使用 css % 单位动态流动。在桌面上,如果我调整页面大小看起来很漂亮,文本会重新排列,使页面更长以适应。在桌面上,如果我缩放页面看起来很漂亮,一切都会变大并重新排列,从而使页面更长以适应。

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

我如何让移动设备上的缩放像在桌面上一样重排?

编辑:


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

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

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

4

1 回答 1

1

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

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
于 2020-08-24T14:18:55.790 回答