给手机版单独设置背景[hexo-butterfly]

发表于2025-11-06|更新于2025-11-06|教程碎片

|总字数:94|阅读时长:1分钟|浏览量:

本来想看看有没有什么成熟的方案，结果发现全都失效了，于是自己搞了个css

实现的方式很简单，在自定义css中添加以下内容

@media (max-width: 768px) {
  #web_bg {
    background-image: url('图片url') !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}