有什么区别：窗口屏幕和端口屏幕答案

【问题标题】：what is the difference between : window screen and port screen有什么区别：窗口屏幕和端口屏幕
【发布时间】：2017-01-09 13:41:40
【问题描述】：

我有一个带有此媒体查询的 WordPress 网站

@media screen and (min-width: **312px**) { }

现在有两个术语

1: (320x533) 的窗口大小 = 窗口大小 320x533 / 视口 304x420

2: (320x533) 的视口大小 = 窗口大小 336x646 / 视口 320x533

什么是窗口大小和视图大小

【问题讨论】：

【解决方案1】：

在网页设计中您应该关心的是视口。视口是呈现网站的浏览器窗口内的可见区域。视口通常会被滚动条稍微遮挡（因此更小）。

一个 320px 宽度的带有滚动条的视口在考虑滚动条后实际上可能只有 303px。

【讨论】：

为什么它在 windows 设置和视口设置不匹配（它们都是 320）
@abdorefky 我不知道您使用的是什么工具来显示“窗口”大小，但对于您的问题来说，它看起来像是一条无用的信息。该窗口只是显示器中浏览器窗口的大小。在处理 Web UI 时，这根本不重要。这将包括您的后退和前进按钮、网址栏等。