有中间立场吗？

希望没有。否则我们将不得不处理 3 个分辨率 n_n。

这意味着 iPhone 6 上的浏览​​器会将分辨率解释为 375 x 667。

浏览器不解释分辨率。他们使用设备“声明”的分辨率。

一般而言，这是您需要使用的分辨率。这通常是一些框架的“刹车点”。如果 CSS 发现大小为 375x667 像素，则将为移动设备使用正确的媒体查询。

对于特殊情况，需要考虑额外的分辨率，特别是对于需要特别清晰的图像，并且它们是用 2x 媒体查询声明的，例如看看这个：https ://css-tricks.com/snippets /css/视网膜显示媒体查询/

例如，对于文本，额外的分辨率由设备内部处理。例如，他们使用 16 个“标准”像素作为大小，并使用屏幕上的额外像素来制作更清晰的文本。

有些人在高分辨率位图图像上进行设计。我不太喜欢这种情况。对于移动设备本身的预览会很好，但图像的尺寸供参考是错误的。

因此，最好以 2 倍的分辨率导出资源（这就是为什么在矢量上工作很重要），而不是将所有设计转换为 1/2 倍。

这在很大程度上取决于您到底在做什么、您的期望是什么以及您的具体工作流程。

当我在 Photoshop 中为移动设备（或台式机）设计时，无论是网站还是原生应用程序，它总是一个模型。我不从该布局中导出任何资产。布局将全部在代码中重新创建，任何特定资源都将作为来自外部文件的智能对象放置在 Photoshop 中，它们将是矢量或以正确的大小创建。

如果您在 Photoshop 中设计布局，然后对该布局进行切片并直接从该 PSD 中提取资源，那么您绝对应该使用实际像素大小。但是正如您所说，在代码中实现时，字体大小、边距等都需要重新计算，这增加了额外的工作层（以及出错的可能性）。如果像我一样，您的 PSD 只是一个模型或指南，并且您的资产是单独创建的，那么在虚拟像素大小下工作会更容易，但您需要记住，您基本上是在使用较低分辨率的模型。

我主要自己做所有的设计和开发，所以我不需要担心与开发人员沟通这个问题，但如果你将文件交给开发人员也是如此，每个人都需要在开始之前明确工作流程（或至少在移交文件之前）。

推荐的方法是在逻辑分辨率下进行设计，因为从 1x 开始时更容易导出缩放到不同大小的资产。

这是一个解释原因的视频： https ://vimeo.com/169809377