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

标签 javascript css mobile zooming

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

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

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

编辑:

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

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

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

最佳答案

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

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

关于javascript - 像桌面浏览器一样放大移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17075003/

相关文章:

javascript - 仅在 IE 7 中不提交表单

html - 两种色调风格背景

ios - 替代iOS消息传递的“层”消息传递框架

android - 移动应用程序 UI 开发和集成过程

javascript - 在重定向之前使用 JavaScript 检查有效的 url

javascript - 使用syncfusion图表JS1在y轴上分类

javascript - 推特小部件回调

html - 我的 Textarea 不会输入文本

javascript hover css 改变颜色

javascript - 如何使用 Javascript (jQuery) 确定 'line-height'?