title: Wrong display resolution in browsers on mobiles
body: <pre><code>document.write('Display size: &lt;b&gt;' + window.screen.width + '×' + window.screen.height + ' px.&lt;/b&gt;&lt;br&gt;');
  document.write('Browser size: &lt;b&gt;' + window.innerWidth + '×' + window.innerHeight + ' px.&lt;/b&gt;&lt;br&gt;');
  document.write('Avail size: &lt;b&gt;' + window.screen.availWidth + '×' + window.screen.availHeight + ' px.&lt;/b&gt;&lt;br&gt;');
  </code></pre>
  
  <p>On some devices it shows correct resolution, but on some others not. Why it lower than actual resolution in some cases?</p>
  
  <p>Desktop - all fine.</p>
  
  <p>Samsung Galaxy Tab 2 shows 1280*800, correct.</p>
  
  <p>Samsung A5(2017) shows 640*360, but actual resolution is 1920*1080.</p>
  
  <p>iPad 4 shows 1024*768, but actual resolution is 2048*1536.</p>
  
  <p>iPhone 5 SE shows 568*320, but actual resolution is 1136*640.</p>