Max-device-width logic?

Question

css

What is the logic behind this media function? media starts working when I specify pixels larger than my device,

@media screen and  (max-device-width : 1366px){
    header{
        display: none;
    }
}

but a simple max-width: 900px works when the window is less than 900px, shouldn't it be the same logic?

Answer 1

https://habrahabr.ru/company/paysto/blog/254871/
width and device-width are like different things)

Answer 2

device-width is a deprecated feature in the new version of the standard https://www.w3.org/TR/mediaqueries-4/#mf-deprecated