Mobile 使用Chrome开发工具的最佳实践

在一个网站上工作，它在DevTools模拟器上看起来不错，但在手机（iPhoneX）上却出现了问题

我发现一些关于DevTools脱离实际视图的问题，一个典型的答案是“它是一个模拟器”

但我也注意到，如果我用px代替vh或%来测量，我会得到一个更真实的视图

---

因此，一般的问题是：从DevTools中获得最佳模拟效果的最佳方法是什么（例如，像我上面提到的那样使用单元）。

有人想知道Wordpress主题是否会对DevTools的模拟方式产生影响。下面是一个CSS的简短列表，当我去掉这些设置时，开发工具看起来像iPhone。左填充、右填充、上填充、下填充背景大小（使用百分比或像素）背景附件：固定背景位置…并找到一个新项目，该项目已查看此内容。