html - 调整窗口大小时渐变用完

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

想通了。

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