初始包含块和视口之间的区别

Question

两者有区别还是一样？我认为它们指的是同一件事，但在不同的上下文中，但我不确定，所以我在这里问。

Answer 1

初始包含块和视口虽然彼此相关，但却是两个不同的概念。

视口通常是指浏览器窗口的可视区域，页面在屏幕上呈现在该区域中。初始包含块是页面内的逻辑区域，根元素和其他所有内容都在其中呈现。

初始包含块的尺寸基于视口的尺寸（参见第10.1节），但是当内容不再适合视口时，视口将变得可滚动，以便用户可以继续访问其余内容。此外，新的

vw

、

vh

、

vmin

和

vmax

单位 称为视口百分比单位，但它们也被描述为相对于初始包含块的大小。

请注意，视口的定义可能因设备而异。例如，iOS 上 Safari 的视口与桌面浏览器的视口非常不同。