Website loads zoomed in slightly on mobile devices despite proper viewport meta tag
<p>Viewport meta tag is as follows:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;</code></pre>
</div>
</div>
</p>

<p>Despite this, I need to manually zoom out on iphone/ipad to fit the site to screen. There's no min-widths preventing the site from scaling down to fit, so all that I can think of is perhaps iOS Safari calculates viewport size without accounting for its vertical scrollbar? Regardless, is there anyway of forcing it to load zoomed all the way out without disabling zoom functionality throughout?</p>