如何使用 Chrome 的设备工具栏？

如何解决如何使用 Chrome 的设备工具栏？

1. 我一直试图弄清楚，例如，当你点击“iPhone X”时，它是否真的给了你 iPhone X 的真实尺寸。实际上，我的意思是将我的手机放在我的身体上笔记本电脑屏幕。我现在的猜测是它没有给出真实的尺寸。它只是给出了真正的 x 轴 y 轴 px 比率吗？

2. 我可以在上方的栏中看到 x 轴 y 轴 px。这就说得通了。但是 % 有什么用？ 100% 是什么的 100%？这是真的：在 100% 时，Chrome 报告的视口高度和宽度就是它在我屏幕上的实际情况（例如，在 100% 时，Chrome 说设备是 320 像素，Mac 的标尺，使用 {{1} }，显示设备为 320px 宽）。

解决方法

1. 它没有给出设备的“真实尺寸”。据我所知，浏览器无法访问其运行设备的像素密度信息，因此即使 chrome 团队的某些产品经理对实现此功能感兴趣，也无法实现。

2. 这只是浏览器中的缩放级别 - 内容布局不会根据选择的值而改变。