我最近创建了一个以 gif 作为背景图像的网站。该 gif 覆盖了计算机上的整个屏幕,但当我使用移动设备并访问我的网站时,gif 仅出现在屏幕的顶部部分,其余空间留白。我尝试过一些解决方案,例如输入 <meta name="viewport" content="width=device-width, initial-scale=1">
和background-size: cover;
但这只会调整我的文字,而不是我的 gif 背景。抱歉,如果这个问题很愚蠢,但我很感激任何答案。
最佳答案
对将 GIF 应用为背景图像的元素使用 background-size: cover
。
关于html - 移动设备的响应式 GIF 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46626331/