移动设备的响应式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应用到的元素作为背景图像。