title: Safari reponsive design mode is super zoomed out and media queries fail to fix it
body: <p>I am on the last page of my website that I am adjusting to an iPhone 8.  However, the safari responsive design mode displays a super zoomed-out view of the page.  When trying to adjust the contents using media queries nothing will work.</p>
  <p>This is the code for that specific media query:</p>
  <pre><code>    @media only screen and (min-width: 320px) and (max-width: 812px) {
  </code></pre>
  <p>and so on.</p>
  <p>Here is an image:</p>
  <p><a href="https://i.stack.imgur.com/dgrOe.jpg" rel="nofollow noreferrer">Image of the responsive design mode</a></p>