移动视图错位

Question

组织盈利网站。

这是链接www.notevayaslionel.com

网站在台式机上很好用，但是当你移动到手机上时，你会发现背景中的图像明显比窗口屏幕大，而且你可以横向滚动。

我该如何解决这个问题?我不想要横向滚动

这是我的CSS:

/*  Parallax Background ==================================================*/
#parallax {
    height:100%;
    width:100%;
    top:0;
    position:fixed;
    background-image:url(https://trancazos.files.wordpress.com/2016/06/las-redes-sociales-a-messi-no-te-vayas-lio.jpg?w=1024);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -100;
}

Answer 1

添加到你的样式中。它将使您的网站响应:

#centeralign iframe {
 width: 100%;
 max-width: 500px;
}