html - 为什么我的启动画面没有全屏显示?

标签 html css angular splash-screen

我有一个带有启动画面的 Angular 6 应用程序,我希望启动画面全高但我不知道哪里出了问题。这是今天的图片:

https://imgur.com/TqX30Ef

    body,
    html {
      height: 100%;
    }

    .m-splash-screen {
      background-color: #3c1977;
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      z-index: 99999;
    }
  </style>

这是我的 CSS,我必须做什么?

最佳答案

使用 position fixed,absolute 一开始会占据 100% 的高度,但是当你滚动时它不会覆盖整个屏幕。

关于html - 为什么我的启动画面没有全屏显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53923428/

相关文章:

angular - 使用 Angular 通用开发 :ssr works but build:ssr is not working 设置页面元标记

javascript - 使用 JavaScript 创建动态 Bootstrap 切换

javascript - 输入不可删除

html - 如何在悬停时向 SVG 内的路径元素添加阴影

javascript - 使用 CSS 或其他非 JS 方法模仿 "onselectstart=return false"?

angular - 无法解析...的所有参数([object Object],[object Object],?,?)

javascript - 如何在 Redux 中将服务数据传递到初始状态

html - 跨度中的 CSS 固定宽度

javascript - 滚动条不适用于 Bootstrap

jquery - 拖动下面的图像并调整上面的 DIV 的大小