我使用这个简单的css,但元素在屏幕上重新调整大小,并区分显示器分辨率。如何使css元素在不同分辨率下出现相同的位置,并调整屏幕大小
.header {
position: fixed;
top: 15px;
left: 20px;
}
我使用这个简单的css,但元素在屏幕上重新调整大小,并区分显示器分辨率。如何使css元素在不同分辨率下出现相同的位置,并调整屏幕大小
.header {
position: fixed;
top: 15px;
left: 20px;
}
我想你是在寻找em单元而不是像素。
.header {
position: fixed;
top: 15em;
left: 20em;
}
1 em是默认字体的高度。它由浏览器定义。
根据您对您问题的评论,我想补充一点,您可能应该查看display:flex
布局属性或仅关注如何居中(n)(div-)元素的内容。
在性反应,以您的评论“‘同一个地方’是指,在宽屏它在页面的中间,在旧屏幕上的右侧。”(我不能评论)
我不明白你想要它的地方。如果要在页面重新调整大小时使其与页面左侧的距离相同,请使用left:some%;
查看媒体查询。 – j08691
“*相同的地方*” - 关于什么?显示器的边缘,视口..?因为关于应该工作的视口,虽然分辨率的改变会导致'像素大小'(有点)变化(所以是:媒体查询)。 –
可能的重复[如何处理CSS中的不同屏幕分辨率?](http://stackoverflow.com/questions/4802888/how-to-deal-with-different-screen-resolutions-in-css) –