title: How do Media queries differentiate big smatphone resolution and low tablet resolution displays
body: <p>Example:</p>
  
  <p>Samsung galaxy S7    - 5.1 inch,    1440 x 2560 px  - smartphone</p>
  
  <p>Acer Iconia Tab A500 - 10.1 inch,    800 x 1280 px  - tablet</p>
  
  <p>If I set @media screen and (max-width: 480px), this should recognize a smartphone.
  How can that be possible if a the tablet has a lower resolution.</p>
  
  <p>Do media queries measure something else and not the real resolution?</p>