Android 在浏览器中缩放是否与在移动设备上缩放相同？

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

我的问题是，当浏览器缩放和移动设备缩放时，它们是否在内部执行相同的操作？我特别感兴趣的是物理像素与显示像素以及与设备无关的像素之间的关系。这是一个在考虑媒体查询等问题时会迅速变得复杂的领域

---

编辑：我得到了一些很好的答案，我的朋友非常感激。我希望从技术角度找出它们之间的差异。i、 e.“一个是缩放x，另一个是缩放y”。有什么见解吗？

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

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

编辑： 移动夹点变焦和移动双击变焦之间也有区别。我观察到双击缩放确实会影响页面的流动，而挤压则不会

---

关于“CSS像素”，在

px

单元中定义的大小的元素是如何受到影响的，这不是很明显吗？看起来“CSS像素”仍然是100%/

的预期效果。简单的答案是不，它们不一样

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

在浏览器上使用ctrl+时，仍将应用CSS规则

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

---

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

---

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

我也看到了同样的效果。我试图弄清楚每种图像中的“css像素”到底发生了什么，以及与设备无关的像素是否与缩放行为有关。我们可能会讨论物理像素显示上的两层“虚拟像素”。浏览器缩放算法不是通用的（即webkit、FF）。它的工作原理有点不同，有时它们会因为舍入问题而破坏布局。这在手机上是不会发生的是的。。。我注意到了。这是否意味着他们正在调整图层？最终，我试图确定像素在网页设计中的未来角色。我怀疑他们是否在调整像素层。布局有时会中断，这意味着它们在调整HTML显示。相对页面大小在移动设备上会有一定程度的修改。如果我在移动设备上缩放流体页面，内容将改变其包装（因此，我假设，报告的屏幕宽度）。您的编辑取决于平台，我的旧android手机没有显示任何差异。看起来我在观察“文本包装”设置；因此，相对页面大小保持不变，但文本被包装得像流体一样。我真的不喜欢这样：-/“经常被推荐，因为它是基于字体大小的，当你点击ctrl+时，字体大小会被缩放。”。我不确定这在现代浏览器中是否正确；所有像素尺寸（包括图像尺寸）都可以缩放，这一事实让我相信它们正在“css像素”上工作。@Matt true modern浏览器非常擅长缩放东西，正如您在按下ctrl+键时所期望的那样，这就是为什么我添加了“大部分旧浏览器”。还有一些情况下，事情并没有按预期的规模发展。据我所知，唯一一个可以预期扩展的单元是em单元。确定页面将如何扩展的唯一方法是在多个浏览器上进行测试。