移动视图错位

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;
}