Wordpress html element 100% width on mobile
<p>I'm trying to make my wordpress site always display with 100% width. My wordpress-css has no mobile specific css. When I visit the site on mobile, the site is not longer 100% width, despite the css saying that it should be. I'm currently testing stuff in the css and therefore not linking the site.</p>

<p><strong>EDIT: I now tried removing all width-specifications in the entire css, the word "width" is not present anywhere in the css. The html still locks to exactly 320 pixels, same as the width specified by the iPhone4. This could be an issue with wordpress and not the css file.</strong></p>

<p><a href="https://i.stack.imgur.com/qdqP4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qdqP4.png" alt="Width is not 100%"></a>
<a href="https://i.stack.imgur.com/gFcTM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gFcTM.png" alt="Min-width given as 100% in css"></a></p>

<p>The really weird thing is that if I scale up the window, and then scale it back down, it looks like it should look:</p>

<p><a href="https://i.stack.imgur.com/0vS0c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0vS0c.png" alt="Scaling up, now it&#39;s 100% width"></a>
<a href="https://i.stack.imgur.com/UmwsI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UmwsI.png" alt="If I scale it back down now, it&#39;s still 100%"></a></p>

<p>This is the css:</p>

<pre><code>body, html {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    color: #333; 
    min-width: 100%;
    margin: auto;
}
</code></pre>

<p>I have the viewport-thing at the top of my html:</p>

<pre><code>&lt;meta name="viewport" content="width=device-width"&gt;
</code></pre>

<p>However I have not been able to add the "initial-scale=1" into the wordpress html. From what I read I doubt that this is the problem though.</p>

<p>Any suggestions what could be wrong? As a sidenote: It does fail to display 100% width on an actual mobile device as well, it's not just the chrome device simulator failing.</p>

<p>A hint could be that it seems that even wordpress itself misjudges the width of the screen, as can be seen by the wordpress header not filling up 100% </p>