我想让我的网页对不同的设备做出响应。我可以用"；响应式设计模式"；Firefox中Inspector的工具。但该工具只有移动设备选项。
我问过最常见的"；视口大小"；对于平板电脑、笔记本电脑和台式机，我已被重定向到该页面https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide.
但它显示了最常见的"；屏幕尺寸"；而不是"；视口大小"；。例如，桌面的一个常见屏幕大小是1920px X 1080px。我有这个显示器，如果我访问页面https://whatismyviewport.com/它告诉我我的显示器有：
-
视口大小：1920px X 919px
-
屏幕尺寸：1920px X 1080 px
所以两种尺寸都不一样。
我想，不确定，要创建媒体查询，重要的是视口大小。
那么视口大小和屏幕大小之间的区别是什么？
感谢
您的屏幕大小是计算机总宽度和总高度中的像素数。视口的大小是屏幕上浏览器窗口中的像素数，因此视口小于屏幕大小是很正常的。
编辑：我找到这篇文章是为了更好地理解。