Question

过去几个小时我一直试图解决这个问题，但我没有到达任何地方，如果有经验的人能指出我正确的方向，我将不胜感激。

通过桌面查看时，我在网站上放置的背景图片很好。

网址：http://test.paigroup.com

当您在较小的设备上访问网站时，背景不会正确，并且由于某种原因，整个页面在联系页面上未正确对齐。

http://test.paigroup.com/contact

我用于后台的CSS是：

body{
    background: url(../img/site/main-bg1.jpg) no-repeat center 130px;
    background-size: 100%;
    z-index: -1;
    overflow-x: hidden;

}

body.microsite{
    background: url(../img/site/main-bg1.jpg) no-repeat top;
    overflow-x: hidden;
    background-size: 100%;
    z-index: -1;
}

提前致谢： - ）

Answer 1

只需在css中添加 body 标记这两行：

body{
display: flex;
flex-direction: column;
}

不要忘记使用

@media

桌面上的背景图形很好但在手机/平板电脑上扭曲

1 个答案: