我正在使用Ionic框架,并且具有以下CSS代码:

.witzle-bg-image {
  background-image: url('../img/home-bg.png');
  background-attachment: fixed;
  background-size: cover;
  position: fixed;
}


它的功能完全符合Google Chrome浏览器的功能:它会调整大小,以便背景图片始终覆盖屏幕。当我在Android上运行它时,它会在底部开始重复。当我放no-repeat时,只有空白区域。我以为background-size:cover应该停止了。

最佳答案

我有一个类似的问题,我想你也面临着同样的问题。您需要将此类归为离子含量而非离子视野。如果您也这样做,那么我们已经中奖了。

程式码片段:

.scroll-content{
  background-image: url('http://www.jimatkinsonwebdesign.co.uk/wp-content/uploads/2012/03/google-chrome.jpg');
  background-attachment: fixed;
  background-size: cover;
  position: fixed;
}


codepen链接已附加。希望能帮助到你!!

关于css - CSS代码在手机中表现很奇怪,但在浏览器中却没有,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24728311/

10-10 14:16
查看更多