HTML/Body Width doesn't fit 100% Device Screen
<p>I'm trying to fit the body of my layout in a responsive style, but when i go to the mobile layout the dimension stays with the px of screen but not right on all mobile screen. Take a look at picture of the bottom, the mobile size is one and what the blue area says that is that space is different.</p>

<p>I saw some questions like this herer and try all that solutions but still not working. </p>

<p>From another question: </p>

<pre><code>html, body {
/*font-size: 40px;*/
margin:0; /* remove default margin */
padding:0; /* remove default padding */
width:100%; /* take full browser width */
height:100%; /* take full browser height*/
}

/*(set the full width window [width = device-width])*/

.content{
border-style: outset;
border-width: 3px;
border-radius: 7px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0px 0px 40px 3px rgba(199,191,199,1);
-moz-box-shadow: 0px 0px 40px 3px rgba(199,191,199,1);
box-shadow: 0px 0px 40px 3px rgba(199,191,199,1);
max-width: 70%;
margin: 1% auto;
background-color: #F6F6F6;
}
</code></pre>

<p><a href="http://i.stack.imgur.com/LPidc.png" rel="nofollow">Here the Layout Error</a></p>