我将％用于所有内容，因此我的网站在所有屏幕分辨率下的工作方式相同。但是，内容的位置是错误的，并且从分辨率到分辨率以及从浏览器到浏览器都有所不同。我注意到并且可能与问题有关的一点是背景图像不会对缩放做出反应。然而，内容会做出反应。
html {身高：200％;宽度：100％;}
body { 最小宽度：99％; 身高：100％; 保证金：0; 填充：0; 颜色：＃969696; 背景颜色：黑色; text-align：center; font-family：Arial; font-size：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; }navbar {
position: relative; min-height: 2%; margin-top: 21%; margin-left: 2%; padding: 0 auto; width: 95%; text-align: center; overflow: hidden; }
例如，我的分辨率中的导航栏很好，而在其他分辨率上它错位。有什么错吗？我错过了什么吗？提前谢谢。
答案 0 :(得分：0)