Html 没有卷轴+；全页渐变（Wordpress模板）

我有一个我正在开发的网站：

在Wordpress上运行并使用标准的二十七模板。我似乎不知道如何在没有滚动的情况下使渐变覆盖整个页面，从而使所有内容都居中。我把其他的东西都放在我想要的位置

将此添加到CSS中

html,
body,
#page {
  height: 100%;
  width: 100%;
}

您可以对所有屏幕大小的标题进行垂直和水平对齐

.site-header {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding-top: 0;
}

---

@我编辑了我的答案。我怀疑这是否可以接受。