当我调整窗口大小时，渐变耗尽

Question

我有一个运行页面高度的CSS渐变：

html {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5fcc2), color-stop(47%,#ecfdd2), color-stop(100%,#fafef3));
    background-image: -moz-linear-gradient(#e5fcc2, #fafef3);
    background-repeat: no-repeat;
    height: 100%;
}

然而出于某种原因，当我调整窗口大小时，特别是当我缩小窗口时，页面底部会出现一个大的白色区域，渐变渐渐消失。当窗口很长时，我没有这个问题。

知道如何解决这个问题吗？

Answer 1

想出来了。

需要设置适用于Chrome 21，FF 12和Safari 6的min-height: 100%。 我在background-repeat: no-repeat;区块中也有html。