Javascript HTML中的背景图像

请指导我如何将网页的背景图像设置为全屏

另外，我想通过这张图片显示所有尺寸的显示器和移动设备的全屏

现在我有一张分辨率为1920:1080的图像，它只在分辨率为1440:900的19英寸显示器上看起来不错，但在15.4英寸笔记本电脑和移动设备上看起来不太好

请帮忙

---

谢谢。

保持图像比例的正确方法是设置

背景尺寸：封面

使用

背景尺寸：封面将帮助您
 使用
背景尺寸：封面对于较新的浏览器：

<div id="bg"></div>


html,body{
  height: 100%;
}   
#bg{
  width: 100%;
  height: 100%;
  background: url(image-path.jpg) no-repeat;
  background-size: cover; /* also include vendor prefixes: you may google */
}


html，正文{
身高：100%；
}   
#背景{
宽度：100%；
身高：100%；
背景：url（image path.jpg）不重复；
背景尺寸：封面；/*还包括供应商前缀：您可以在谷歌上搜索*/
}


您可以找到更好的解决方案，为全背景图像提供响应功能
您可以通过两种方式解决此问题：

新浏览器，请使用CSS：

background-size: cover


旧浏览器，使用假的
作为背景

.bg {z-index: 1; position: absolute; width: 100%; height: 100%;}


chrome、mozile和opera浏览器的背景图像属性

body { 
  background: url(images/image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}

如果
背景尺寸：封面
不适用于您，例如，如果图像的纵横比错误，则您可以尝试使用
背景大小：auto 100%
来确保图片保持其纵横比，并且足够高以适合屏幕

我认为这一切都取决于图像的分辨率和最大尺寸。但您需要在代码中加入媒体查询，以确保屏幕过大或过小时没有间隙。
您好，我使用的正是这一个，但无论如何，它在底部剪切了一小块图像，我在PSI中制作了一些文本，我认为这对OP和其他访问者更有帮助，当你对你的意图进行解释时。