2014-07-14 44 views
0

我使用这个简单的css,但元素在屏幕上重新调整大小,并区分显示器分辨率。如何使css元素在不同分辨率下出现相同的位置,并调整屏幕大小

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

查看媒体查询。 – j08691

+0

“*相同的地方*” - 关于什么?显示器的边缘,视口..?因为关于应该工作的视口,虽然分辨率的改变会导致'像素大小'(有点)变化(所以是:媒体查询)。 –

+0

可能的重复[如何处理CSS中的不同屏幕分辨率?](http://stackoverflow.com/questions/4802888/how-to-deal-with-different-screen-resolutions-in-css) –

回答

0

我想你是在寻找em单元而不是像素。

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

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

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

0

在性反应,以您的评论“‘同一个地方’是指,在宽屏它在页面的中间,在旧屏幕上的右侧。”(我不能评论)

我不明白你想要它的地方。如果要在页面重新调整大小时使其与页面左侧的距离相同,请使用left:some%;

相关问题