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

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

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

如果您想使用 'contain' 作为值，请尝试删除 %，然后遵循其他规则。

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