如何使用 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. 这只是浏览器中的缩放级别 - 内容布局不会根据选择的值而改变。