我正在使用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/