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

Question

如果我有下面的HTML代码，

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

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

Answer 1

说明-

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

viewport -浏览器窗口大小。

例如:如果视口高度为50 If，则为，1vh =0.5 If。

您问题的

解决方案-

row {
    height: 100vh;
}