GIF 不是全屏 Safari答案

【问题标题】：GIF not fullscreen safariGIF 不是全屏 Safari
【发布时间】：2019-07-23 11:58:25
【问题描述】：

我在我的 react 应用程序的背景中显示一个 gif，并且需要它占据整个屏幕，无论屏幕大小、浏览器等如何。它在 chrome 上完美运行，但在 safari 上却没有（切断中间屏幕）。这是一个相当大的格式问题，因为此版本目前正在生产中。如何让 gif 格式正确？

CSS：

.myGradientBackground {
   background-image: url('my_gif.gif');
   background-size:100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   height:100%;
   width:100%;
}

【问题讨论】：

乍一看还不错。也许我们需要更多背景信息？
@Chipster 我不确定还有什么可以提供的，我有一个 html div 以此类名称作为父视图，并且在 chrome 上完美显示（移动设备上的整个背景是这样的图片），这就是全部。
试试背景尺寸：覆盖它会有帮助。
@SumitPatel 在它的真实高度切断它，我想扩展视图的整个大小

标签： html css formatting background-image

【解决方案1】：

我认为这会奏效

.myGradientBackground {
    background: url('my_gif.gif') no-repeat center center fixed; 
    background-size: cover;
}

【讨论】：