我使用這個簡單的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) –