title: Chrome DevTools not giving accurate mobile view compared to real mobile view
body: <p>I am trying to make my webpage mobile friendly. So, I am using Chrome DevTools to design a mobile version of my webpage. I have it the way I want it to look in DevTools. I uploaded it to my website &amp; viewed it on a actual mobile phone &amp; objects are not in the same places as they are in DevTools. I used the iPhone 6 mobile design in DevTools and also view it on an actual iPhone 6. They don't match. Anyone else have this problem? I have read articles about this, but don't know how to fix it. Any ideas? Should I use a different emulator?</p>
  
  <p><strong>This is Chrome DevTools version on iPhone 6:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/MPY1d.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MPY1d.png" alt="This is Chrome DevTools version on iPhone6"></a></p>
  
  <p><strong>This is how it really looks on an iPhone 6:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/CHOgS.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/CHOgS.jpg" alt="Real iPhone layout"></a></p>