CSS中的背景图片在手机上不正确

Posted 2023-02-05

我对htmlCSS非常陌生，试图通过制作一些基本网站来练习。

我的网站的桌面版看起来很好，当我在Chrome浏览器中检查时，移动版看起来也很好，但当我真正使用移动设备时，图像没有拉伸以调整视口大小。通过尝试修复它，我一直在进一步破坏它，所以我真的很感激一些帮助。

我试图搜索这个问题，但我找到的解决方案告诉我使用 background-size: cover 这是我已经在做的。我试着把身体改成 body width: 100vw; height: 100vh; 并 忠告 关于取出 height: 90vh 并留下背景盖和宽度，但这样就缩小到div线的大小，太小了。我觉得 这个解决方案在这里与媒体查询 是接近的，但我想不通。

这里是回帖 和 这里是GitHub的页面 在哪里可以看到它。先谢谢你

桌上型。

检查员。

手机版:

答案

试着把 background-position:center center;无论如何要小心固定的背景，它会导致移动设备性能的巨大问题。