title: Fixed background image zooms in when scrolling on mobile
body: <p>This is my first question. 
  As the title says I'm having troubles with fixed bg image on mobile. When I scroll down a it makes a small zoom in, and when i scroll up it goes back to original size. I dont understand why. 
  I went through all the already made questions about this topic before asking, I asked a couple of friends too, but to be honest i couldn't find the answer yet. </p>
  
  <p>This is my <a href="http://facundomalgieri.com" rel="nofollow noreferrer">website</a> where im having this issue, open it in your mobile browser. </p>
  
  <p>This is my <a href="https://github.com/FacundoMalgieri/angular2" rel="nofollow noreferrer">Github</a> repository where you can see all my code. </p>
  
  <p>This are some of the things im using, that i found in other related posts:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.bg {
       background: url(./app/assets/images/2.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 100vh;
      width: 100%; 
  }
  </code></pre>
  
  <p>Thank you all for your time!</p>