html5页面的对齐方式

Question

问题是我不能找出我的对齐的问题，我试图限制标题横幅在css中居中顶部，但这是失败的，我的文本没有对齐到中心，它正在向下移动，如果以较低的分辨率查看，任何人都能找出问题的原因

html {
min-height: 20%;
max-height: 80%;
max-width: 80%;
background-size: cover;
background-image: url();
background-repeat: no-repeat;
background-position: center top;
}

body {
min-height:80%;
width: 800px;
max-width: 90%;
margin-top:550px;
font-size: 30px;

}我的代码css在上面，下面是我的站点链接http://design3web.in/test1/

Answer 1

这取决于你想要实现什么。要使页面居中，请使用body { margin:auto; }并从html中删除max-width: 80%;