Important question about media queries and their px unit mesure & resolutions


I have a question. How does a website differentiate a low resolution PC display from a high resolution phone (1920x1080)? When a frontend developer uses media queries, media queries use width in pixels to adapt the site to a certain device?

So what does @media (max-width: 768px) really mean?

Thank you,

Don’t think I can give a really proper good explanation but you can read up on the viewport meta tag.

1 Like

So if I understand well, the resolution is not the width and height in px?