让背景图片自适应填充的方法

其实应该很容易能在网上搜索到。

在head结束前用hook加一段css代码:

body {
    background-image: url(-----);repeat-x;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    flex: 1 0 auto;
}

缩放页面不会导致背景图重复出现(始终只有一张图),且不随页面滚动而滚动

相关文章

发表新评论