title: Flutter MediaQuery.of(context).size.width values are different than real screen resolution
body: <p>in my Flutter application I am trying to get the real screen width (that can naturally be different on each device).</p>
  
  <p>I am using <code>MediaQuery.of(context).size.width</code> but I've noticed that the values returned do not match the real screen resolution.</p>
  
  <p>For instance, </p>
  
  <ul>
  <li><p>On an simulator iPhone 11 Pro Max (that has resolution 2688 x 1242) I get <code>MediaQuery.of(context).size.width</code>= 414</p></li>
  <li><p>On an emulator Nexus XL (that has resolution 1440 x 2560) I get <code>MediaQuery.of(context).size.width</code> = 411.42857142857144</p></li>
  <li><p>On a real device iPhone 7 (that has resolution 1,334 x 750) I get <code>MediaQuery.of(context).size.width</code> = 375</p></li>
  </ul>
  
  <p>Does anyone know why the value returned by MediaQuery differ from the real screen resolution in pixels? </p>
  
  <p>Thanks</p>