适用于移动设备的响应式 GIF 背景

Question

我最近创建了一个以 gif 作为背景图片的网站。 gif 覆盖了计算机上的整个屏幕，但是当我使用移动设备访问我的网站时，gif 只出现在屏幕的顶部部分，其余空间为白色。我尝试了一些解决方案，例如放入 <meta name="viewport" content="width=device-width, initial-scale=1"> 和 background-size: cover; 但这只会调整我的文本，而不是我的 gif 背景。对不起，如果这个问题很愚蠢，但我很感激任何答案。

Answer 1

使用background-size: cover 作为您应用 GIF 作为背景图像的元素。