我对所有内容都使用 %，因此我的网站在所有屏幕分辨率下都可以正常工作。然而，内容的位置是错位的，并且因分辨率和浏览器而异。我注意到并且可能与该问题有关的一件事是背景图像对缩放没有反应。然而，内容会做出反应。
html {高度：200%; 宽度：100%；}
身体{最小宽度：99%；高度：100%；边距：0；填充：0；颜色：#969696；背景颜色：黑色；文本对齐：居中；字体系列：宋体；字体大小：100%；}
容器 {
position: relative; height: 100%; margin: auto; width: 85%; text-align: center; border: 1px solid red; background-image: url('images/bgmain.png'); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; }导航栏{
position: relative; min-height: 2%; margin-top: 21%; margin-left: 2%; padding: 0 auto; width: 95%; text-align: center; overflow: hidden; }
例如，我的分辨率中的导航栏很好，而在其他分辨率上它放错了位置。有什么错误吗？我错过了什么吗？提前致谢。