Как CSS движение пикселей же в каждом разрешении монитора

Question

Lets говорит, что я следующий CSS:

#div-1 { 
position:relative; 
top:20px; 
left:-40px; 
} 

Если загрузить его на монитор A и перетащить мой браузер для контроля B с различным разрешением, HTML DIV будет в одном и том же месте, хотя номера пикселей различаются в мониторах. Как это работает?

Answer 1

Это не будет одинаково на всех мониторах. В вашем примере это может выглядеть очень похоже, но реальные сайты отображаются по-разному в разных видовых экранах.