css - 响应式背景图片 - 全屏

Question

我正在制作一个简单的登录页面，并试图将以下图像作为背景全屏:image

我的 CSS 目前看起来像这样:

body {
    background-image: url('/images/bg.jpeg');
    width: 100%;
    height: 100%;
    position: fixed;
}

大部分图像都被截断了，最好的补救方法是什么？

谢谢!

Answer 1

你试过这个吗:

body {
  margin:0;
  padding:0;
  background: url('/images/bg.jpeg') no-repeat center fixed; 
  -webkit-background-size: cover;
  background-size: cover;
}