Javascript 使用css调整背景图像大小

我正在使用此代码导入背景图像，但我无法使图像适合屏幕大小，并且它看起来比屏幕大 有什么帮助吗

$（切换背景）；
var of reader=new FileReader（），
rFilter=/^（3）以下：：：：：：图像\/bmp（医学院校）图像\/bmp（医学院校）图像\/bmp（医学院校）图像\/以下以下以下：：：：：：：：：：：：：：：：：：图像\/bmp图像\/bmp（医学院校）图像\/医学院校图像\/医学院校图像\/中美中美中美两国的图像\/中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学中学中学中学中学中学学生学生学生学生的图像图像\/图像\/图像\/图像\/图像\/图像\/医学医学医学院校学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生图像\/图像\/图像\/图像\/中学中学中学中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学化学化学中学中学中学中学中学中学中学中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学x \-rgb |图像\/x \-xbitmap |图像\/x \-xpixmap|图像\/x \-xwindowdump）$/i；
oFReader.onload=函数（OFRENT）{
localStorage.setItem（'b'，of report.target.result）；
switchBackground（）；
};
函数switchBackground（）{
$（'body'）.css（'background-image'，'url（'localStorage.getItem（'b'）+'））；
}
函数loadImageFile（testEl）{
如果（！testEl.files.length）{return；}
var of ile=testEl.files[0]；
如果（！rFilter.test（oFile.type））{alert（“您必须选择有效的图像文件！”）；return；}
readAsDataURL（oFile）；
}

---

尝试将其添加到您的css或通过js，就像您现在所做的那样

body {
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

---

尝试将其添加到您的css或通过js，就像您现在所做的那样

body {
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

---

这就是我的工作=]

  function switchBackground() {
  $('body').css('background-image', "url(" + localStorage.getItem('b') + ')'),
  $('body').css('background-size', '100%'),
  $('body').css('background-repeat','no-repeat');    
} 

---

这就是我的工作=]

  function switchBackground() {
  $('body').css('background-image', "url(" + localStorage.getItem('b') + ')'),
  $('body').css('background-size', '100%'),
  $('body').css('background-repeat','no-repeat');    
} 

---

封面或包含也将是背景大小的好选项。无论如何，我猜是好答案。向上投票！封面或包含也将是背景大小的好选项。无论如何，我猜是好答案。向上投票！