html - 移动设备的响应式 GIF 背景

标签 html css responsive-design gif

我最近创建了一个以 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/

相关文章:

javascript - 如何更改每个页面重新加载的文本

html - 窗口的第一个 Div 全尺寸,空白

jquery - 通过输入范围更改旋转Y Angular

html - ul 正在应用样式,但从哪里应用?

css - 删除 youtube 嵌入的黑色边框

html - 试图让 DIV 占据 100% 的视口(viewport)(div 转义父 div)

html - 负边距如何在 Bootstrap 轮播中起作用?

javascript - 如何使用 javascript 文件系统 api 重命名目录?

javascript - js中获取输入类型text的值

html - 具有背景大小的 DIV