title: HTML/Body Width doesn't fit 100% Device Screen
body: <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>