html - 如何使 <row> 垂直跨越视口(viewport)的整个高度？

Question

如果我有下面的HTML代码，

<row>
    <column width="10%">
    <column width="80%"><img />
    <column width="10%">
</row>

如何使行跨越视口(viewport)的整个高度(垂直方向)？

Answer 1

Explanation -

vh - 相对于视口(viewport)高度的 1%

viewport - 浏览器窗口大小。

例如: 如果视口(viewport)高 50 厘米，则 1vh = 0.5 厘米。

Solution to your issue -

row {
    height: 100vh;
}