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

Question

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

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

现在有两个术语

1：窗口大小为（320x533）=窗口大小为320x533 /查看端口为304x420

2：查看（320x533）的端口大小=窗口大小336x646 /查看端口320x533

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

Answer 1

您在网页设计中应该关注的是视口。视口是浏览器窗口内可视区域，用于呈现网站。视口通常可以通过滚动条轻微阻挡（因此更小）。

在考虑滚动条后，带有滚动条的320像素宽视口实际上最终可能只有303像素。