html - 元素在不同屏幕上失去比例

Question

正如题目所说我的website导航有问题。

这张照片是从 19' 显示器上拍摄的(看我用红色标记的间隙)

这是同一个站点，但来自 23' 显示器(没有间隙)

我认为这会起作用，但它没有:

伪:

#header{position: relative; width: 100%; height: 8%;}
#nav{position: absolute; bottom: 0; right: 10%; height: 3%;}

我认为这种方法行得通，标题在所有标准计算机屏幕上看起来都一样

---

我已经根据 Tanner 的回答编辑了我的 CSS

在 22' 显示器中(看起来不错):

在 23' 显示器中(有区别):

如何在每个屏幕的底部 0 设置导航？

Answer 1

我设法修复了它:

我所做的是:(标题应该是位置:修复；)

#header{position: fix; width: 100%; height: 6.9%; min-height: 68px;}
#navigation{position: absolute; bottom: 0; right: 21%; height: 37px;}

这会将导航设置在每个屏幕的底部 0。