如何使<row>垂直跨越视口的整个高度？

Question

如果我有以下HTML代码，

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

如何使行跨视口的整个高度（垂直）？

Answer 1

  

说明-

vh -相对于视口高度的1％

视口-浏览器窗口大小。

例如： 如果视口高50厘米，则1vh = 0.5厘米。

  

您的问题的解决方案-

row {
    height: 100vh;
}