在浏览器中放大是否与在移动设备上放大相同？答案

【问题标题】：Is zooming in the browser the same as zooming on a mobile device?在浏览器中放大是否与在移动设备上放大相同？
【发布时间】：2012-02-14 16:49:33
【问题描述】：

当我在现代浏览器中按Ctrl+ 时，页面会缩放，包括图像；在移动设备上进行捏合和缩放时，类似的效果也很明显。页面上的所有内容都按比例缩放。

我的问题是，当浏览器缩放和移动设备缩放时，它们在内部做同样的事情吗？我对物理像素与显示像素与设备无关像素的关系特别感兴趣。在考虑媒体查询等时，这个领域可能会迅速变得令人费解。

编辑：我有一些很好的答案，我很感激。我希望从技术角度了解它们如何不同。即“一个缩放 x，另一个缩放 y”。这里有什么见解吗？

【问题讨论】：

【解决方案1】：

在我的观察中，不，它们不一样。当我在移动设备上进行捏合缩放时，它会放大而不影响相对页面大小。当我在 PC 上按 Ctrl-+ 时，页面会调整为适合相同的屏幕像素宽度，这会改变流以适应更少的“虚拟”像素中的内容。

编辑： 移动捏拉缩放和移动双击缩放之间也有区别。我观察到双击缩放确实会影响页面的流动，而捏合则不会。

关于“CSS 像素”，在px 单位中定义大小的元素如何受到影响不是很明显吗？看起来“CSS 像素”仍然是 100% 的预期方式/

【讨论】：

【解决方案2】：

不，通常浏览器会调整现有文档的 CSS 以更改尺寸。移动设备缩放文档的“图像”。

【讨论】：

【解决方案3】：

简单的答案是否定的，它们不一样。

当手机使用捏缩放时，所有内容都会缩放。

在浏览器上使用 ctrl+ 时仍会应用 CSS 规则。

例如，如果您有一个指定为 200em 的左面板，则将右面板指定为自动填充，然后当按下 ctrl+ 时，右面板将占用更多空间，而右面板使用的空间将减少，但文本的大小会更大。

某些浏览器对单位的处理方式不同。有些规模有些没有。例如，对于某些浏览器，如果 px 用于指定大小，即使按下 ctrl+ 也不会更改（主要是旧浏览器）。作为一般规则，如果您希望在按下 ctrl+ 时缩放并正确缩放，则通常建议使用 em 单位，因为它基于按 ctrl+ 时缩放的字体大小。

不幸的是，每个浏览器处理缩放的方式略有不同，确保您的页面按预期缩放的唯一方法是在感兴趣的浏览器上进行测试。

【讨论】：

"通常推荐，因为它基于按 ctrl+ 时缩放的字体大小"。我不确定这在现代浏览器中是否正确；所有像素尺寸（包括图像尺寸）都会缩放的事实让我相信他们正在处理“css像素”。
@Matt 真正的现代浏览器非常擅长缩放事物，因为您希望它们在点击 ctrl+ 时会缩放，这就是我添加“大多数旧浏览器”的原因。仍有一些情况无法按预期扩展。我所知道的唯一可以按预期扩展的单位是 em 单位。确定页面将如何扩展的唯一方法是在多个浏览器上进行测试。