初始包含區塊和視口之間的區別

Question

兩者之間是否有區別或它們是否相同？我認爲他們指的是同樣的事情，但在不同的情況下，但我不確定，所以我在這裏問。

Answer 1

初始包含塊和視口雖然彼此相關，但是是兩個截然不同的概念。

該視口通常指的是在屏幕上呈現頁面的瀏覽器窗口的可視區域。初始包含塊是頁面內的邏輯區域，其中根元素和其他所有內容都被渲染。

包含塊初始的尺寸是基於那些視口（見section 10.1）的，但當內容不再能夠以適合視口，視口是由可滾動，所以用戶可以繼續訪問剩下的內容。此外，新的vw, vh, vmin and vmax units稱爲視口百分比單位，但它們也被描述爲相對於初始包含區塊的大小。

請注意，視口的定義可能因設備而異。例如，the viewport of Safari on iOS is very different from that of a desktop browser。