pixels

What is the difference between "Css resolution" and " Pixel resolution"

Would you like to know why a @media(max-width: 400px) is applied on a mobile phone that has 1440px / 2960px ? How does it ... and the max-width: 400px has been applied. What is the difference between the two? The browser that makes this distinction ?