html - 背景图像未完全显示在平板电脑中

Question

我的背景图像仅显示在内容 block 内(屏幕截图)，仅供引用，我为内容添加了一点动画(淡入)，但除此之外没有什么特别的。

这是我的CSS:

.template_home { 
background: url("../Images/bg_home.jpg") no-repeat top center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
min-width: 100%;
min-height: 100%; 
color: #292a2c;
position: relative; 
overflow: hidden; 
}

关于如何解决这个问题的任何想法？!

Answer 1

尝试使用

height: 100%
margin: 0 auto;
background-position: center;