发布我的网站时背景图像的位置显示不居中

Question

我已经指出了一个背景图像并将其居中放置在其容器中：

background-size:cover;
background-position-x:50%;
background-position-y:center;

我使用“响应式设计模式”工具来检查图像的外观，它占据了整个容器，并且在任何视口宽度下都居中。

好吧，当我在互联网上发布网站时（这是我第一次），图像在我的个人手机上似乎向左移动（垂直位置）。更奇怪的是，当我水平放置手机时，图像居中显示。

我希望图像始终居中显示在其容器中。有谁知道发生了什么事？

谢谢

Answer 1

我用来居中背景的方式如下

background-position:center center:

这样背景将被迫居中，我不知道这对您发布的网站是否有帮助