css - 全屏背景图片

标签 css image fullscreen

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

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

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

我该如何解决?

最佳答案

使用这个

 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;
 }

关于css - 全屏背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39114715/

相关文章:

android - 如何让应用程序以全屏模式运行?

html - 哪些字体是新一代浏览器 HTML 的标准字体?

jquery - 使用 css/jquery 自动定位多个图像以适应

iphone - 隐藏 UINavigationBar 和 UIStatusBar 后 View 顶部的黑色空间

javascript - 图像源集到底如何工作?

javascript - 如何使 child 书籍插图的某些区域可点击?

android - 在 android 中使用沉浸式全屏模式时出现空白

javascript - Jquery 最大宽度语句

html - 为什么我的 div 表在调整大小时失去了底部边框?

html - CSS 水平对齐问题