Css 视口-例如，浏览器如何使1080px到414px

编辑：因为我可能不够清楚。我想指出，我不是在搜索“如何使用视口”。我想知道它在后台是如何工作的。如何在移动设备等上计算视口宽度的实际数目。

例如，我的智能手机尺寸较小，为1080px，但返回414。实际上，不仅仅是视口，还包括simple$（window）.width（）仅返回414请阅读我在这两段之前写的其余内容。谢谢。

我还将标题改得更明确一些，但您仍然需要阅读其余部分。多谢各位

---

我对视口的使用越来越熟悉了，但我仍然看不出它在背景上是如何工作的。如果您使用高清分辨率在智能手机上读取视口尺寸，浏览器会将视口宽度返回到1920或1080以下，这是实际手机的屏幕分辨率

1） 浏览器是如何得出这些数字的？是检测移动设备还是移动设备给出浏览器的实际屏幕大小（实际屏幕大小）

2） 如果智能手机和更大的平板电脑具有相同的分辨率，那么它们的浏览器有什么不同

3） 媒体查询和其他内容依赖于某些断点。这些实际上是每个响应性设计中硬写的值。通常是480和768px。这是我可以信赖的恒量吗？不管未来智能手机的屏幕分辨率会提高多少？我的意思是像5英寸屏幕上的4k

4） PC屏幕如何适应所有这些？浏览器没有检测到移动设备？或者机器不会给出实际的屏幕大小？它如何知道它应该使用像素作为像素（减去滚动条等）？

@Saix， 你找到你真正想要的了吗？你会在第一次搜索中得到答案

在这里，HTML5引入了一种方法，让web设计师通过

标记控制视口

您应该在所有网页或

标记下的公共头文件中包含以下

视口元素

HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0">

你对此做过任何研究吗？我相信你只要稍加研究就能找到所有这些问题的答案。@Guille我尝试了几次谷歌搜索结果，但都是关于使用viewport.Actual“science”的“它的背后根本不重要。虽然我想知道。我相信最终我会找到一些东西，但在我找到所有这些问题的答案之前，这需要花费数小时或数天的时间来阅读---这篇文章可能对你有帮助。。cheers@pTi已经读过了，但我跳过了几行，我宁愿再看一遍，谢谢anyway@pTi仅供参考，我的问题没有答案，这真的不是我问题的答案。这就是如何使用视口。我想知道这在后台是如何工作的。请阅读编辑后的问题。不过，我第一次就很清楚了。每个人都把他们在谷歌上发现的第一件事扔给我，好像我不知道那样。给我负面的观点。请仔细阅读这个问题。非常感谢。也许你不知道答案，这没关系，但是没有必要为一般相似的问题给出答案，而这些问题一开始就没有被问到。非常感谢。