title: Incompatibility backgrounds css in IOS Mobile
body: <p>i developer a web site and when i open in IOS (Chrome or Safari) the resolution the background imgs break... TKS</p>
  
  <p>CSS</p>
  
  <pre><code> #home {
  background: url('../images/fundo3.jpg') 50% 0 no-repeat fixed;*
  background-size: cover;
  background-position: center;
  color: #5C5C5C;
  display: -webkit-box
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
    -ms-flex-align: center;
         align-items: center;
  height: 100vh;
  text-align: center;}
  
  
  .parallax-section {
  background-attachment: scroll !important;
  background-size: cover !important;}
  
  
  footer {
  background: url('../images/footer-bg.jpg')  fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;}
  </code></pre>
  
  <p>[1]: <a href="https://i.stack.imgur.com/zZVoD.jpg" rel="nofollow noreferrer">https://i.stack.imgur.com/zZVoD.jpg</a> desktop
    [2]: <a href="https://i.stack.imgur.com/X5HWP.jpg" rel="nofollow noreferrer">https://i.stack.imgur.com/X5HWP.jpg</a> ios</p>