为什么我的网站在Android和IOS中有不同的视图？

Question

这就是我的网站在iOS浏览器中的样子。 IOS view

但是，当我的朋友在Android浏览器中打开我的网站时，它看起来很可怕：Like this Picture

请提出一些建议如何解决此类问题。

这是我的背景代码。

body {
   background-image: url(images/contact.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: 100% auto;
   background-color:#245528;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
   body {   
      background-image: url(images/background-photo-mobile-devices.jpg);
      background-size: cover;
   }
}