像桌面浏览器一样放大手机

时间:2013-06-12 20:44:16

标签: javascript css mobile zoom

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

在移动设备上,当我缩放页面保持相同的宽高比时,整个事情变得更大,没有重排,它就变成了一个可以使用的窗格。

如何在桌面上放大移动缩放功能?

修改


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

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

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

1 个答案:

答案 0 :(得分:0)

使用自适应元标记,您可以做到这一点

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