放大浏览器与放大移动设备相同吗？

Question

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

我的问题是，当浏览器放大并且移动设备放大时，他们在内部做同样的事情吗？我对物理像素与显示像素与设备无关像素的关系特别感兴趣。在考虑媒体查询等时，这个域可能会迅速卷入其中。

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

Answer 1

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

修改 移动捏缩放和移动双击放大之间也有区别。我观察到双击 会影响页面的流量，而捏不会。

关于“CSS像素”，对于px单位中定义的大小的元素如何受影响，这是不是很明显？似乎“CSS像素”仍然保持100％/

的意图

Answer 2

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

Answer 3

简单的答案是不是他们不一样。

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

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

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

某些浏览器对待单位有所不同。有些规模有些没有。例如，对于某些浏览器，如果px用于指定大小，即使命中ctrl +（大多数是较旧的浏览器）也不会改变。作为一般规则，如果您希望在按下ctrl +并缩放时缩放比例，那么通常建议使用em单元，因为它基于字体大小，即按ctrl +时缩放的字体大小。

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