与真实的移动视图相比，Chrome DevTools 无法提供准确的移动视图

Question

我正在尝试使我的网页对移动设备友好。所以，我使用 Chrome DevTools 来设计我的网页的移动版本。我拥有它在 DevTools 中的样子。我将它上传到我的网站并在实际的手机上查看它并且对象与它们在 DevTools 中的位置不同。我在 DevTools 中使用了 iPhone 6 移动设计，也在实际的 iPhone 6 上查看了它。它们不匹配。还有其他人有这个问题吗？我已经阅读了有关此问题的文章，但不知道如何解决。有任何想法吗？我应该使用不同的模拟器吗？

这是 iPhone 6 上的 Chrome DevTools 版本：

这是它在 iPhone 6 上的真实外观：

Answer 1

DevTools 技术作家在这里。DevTools 只是对移动设备的模拟。它无法真正模拟 iPhone。因此，检查它在您关心的设备上的实际外观总是一个好主意（就像您所做的那样）。我不认为这里有任何错误或问题。这只是 DevTools 模拟不能 100% 反映现实的一个实例。