如何使css元素在不同的分辨率上显示相同的位置，并调整屏幕大小

Question

我使用这个简单的css，但元素在屏幕上重新调整大小，并区分显示器分辨率。

.header {
 position: fixed;
 top: 15px;
 left: 20px;
}

Answer 1

我认为你正在寻找的是em单位而不是像素。

.header {
    position: fixed;
    top: 15em;
    left: 20em;
}

1 em是默认字体的高度。它由浏览器定义。

根据您对问题的评论，我想补充一点，您可能应该查看display:flex布局属性，或者只关注如何使（n）（div-）元素的内容居中。

Answer 2

回复你的评论“'同一个地方'的意思是，在宽屏上它在页面中间，在旧屏幕上它在右边。”（我无法发表评论）

我不明白你想要它在哪里。如果要在重新调整页面大小时使其与页面左侧的距离相同，请使用left：some％;