全屏背景图片

Question

我使用此代码在我的桌面上全屏显示图像

<style>
 body{
  background: url("under-constraction1.jpg")no-repeat fixed 0 0 / cover ;
 }
</style>

但在 Firefox 浏览器的移动设备中显示了一张我的图片

我该如何解决？

Answer 1

使用这个

 body{     
    background: url("under-constraction1.jpg") no-repeat center center fixed
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

Answer 2

body{
    width:100%;
    height: 100%;
    background-image: url("./images/under-constraction1.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

全屏背景图片

Background image in fullscreen

css

image

fullscreen