ios - 背景图片缩放 iOS

Question

我是一名初级 Web 开发人员，我的横幅背景图片无法在 iOS 设备上正确显示。这是我的 CSS

.banner-section {
  height: 100vh;
  background: url('../assets/img/paul_bh.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--leo-blue);
}

有没有解决这个问题的方法，在此先感谢，repo 和 gh-pages 在下面..

https://github.com/alsmith808/leonid

https://alsmith808.github.io/leonid/

Answer 1

只是一个想法，也许可以尝试添加:

display: -webkit-box; 
display: -moz-box;       
display: -ms-flexbox;     
display: -webkit-flex;     
display: flex;  

我在这里阅读:https://css-tricks.com/using-flexbox/