背景图像大小不适用于所有浏览器

Question

最奇怪的事情发生了，我遇到了一个问题，我用页脚修复了，并且在我的代码中包含后，我意外地留下了％符号。看一看。我的网站是usahvacsupply.com

html, body{
overflow:auto;
margin: auto;
background-image:url('/images/Testing1/bg2.jpg');
background-repeat: no-repeat; 
background-position:top center;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:contain%;
top: 0;
left: 0;
}

在包含它之后没有％符号会抛出所有内容。 ％只满足firefox。有没有人知道所有浏览器的修复程序？ IE帮助％，但会抛出顶级导航标签。在Chrome中它完全没有了。我非常感到困惑，所以请帮助。

Answer 1

嗯，您对不同的前缀有不同的背景位置规则。

如果您想使用'包含'作为值，请尝试删除％，然后按照其他规则进行操作。

-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;