width device-width 什么是什么？使困惑

Question

我读过两篇文章： https://www.quirksmode.org/mobile/viewports.html https://www.quirksmode.org/mobile/viewports2.html

我真的很困惑，为什么第一篇文章的width大小是window，而第二篇文章的屏幕大小。 我错过了什么？

Answer 1

见下图

设备屏幕或设备宽度是整个桌面或显示器的宽度。在我的例子中它是 1679px 宽。 （标有黄色荧光笔。我突出显示了屏幕高度而不是宽度。抱歉。

和宽度屏幕尺寸 window 与浏览器的 id 宽度 window 。在我的例子中，这是 1100px 宽的近似值。我用红笔做了标记。

希望对您有所帮助。