javascript - 重复背景直到达到高度

Question

出于某种原因，我无法在我的页面上设置最大高度。

代码如下:

html
{
    min-width: 100%;
    min-height: 100%;
}

body
{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: darkblue;
    height: 1200px;
}

.tile {
    display: inline-block;
    width: 300px;
    height: 300px;
    /*border: 1px solid black;*/
    transition: 2s all linear;
    margin-top: -4px;
    margin-left: -4px;
}

这是 JSFiddle:

http://jsfiddle.net/cty276x5/1/

它还应该在所有方向(宽度和高度)重复“正方形”，但当它们达到“背景高度/宽度限制”时被切断。

那么为什么我不能像以前那样限制高度呢？

Answer 1

在你的 .title 中设置高度等于 100vh

height: 100vh;