2014-07-14 41 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%;

相關問題