Jquery 创建全屏img图库的简单方法是什么

我正在尝试创建一个简单的（但）全屏img图库，并采用了

因此，代码是：

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

我有一些js代码要更改（onclick）html的背景属性-它可以工作

两个问题:

• 如果显示器的img质量大于1024x768（这是我的显示器的大小，也是所有图像的大小），该怎么办

• 不同纵横比的显示器上的img比例如何？图像看起来可能会变形

---

是否有任何简单的（css或jquery解决方案）？

图像质量只能与正在加载的图像一样好。也就是说，如果您的图像是1024x768，则在该分辨率或低于该分辨率的任何图像上都会非常好看。在具有更高分辨率的浏览器或显示器上，图像将缩放，拉伸像素大于1:1，并导致质量损失。我建议您尽可能使用最大的图像，或者使用

@media

查询将较大的图像提供给较大的显示器，将较小的图像提供给较小的显示器，以节省加载时间

---

关于第二点，background size的cover指令旨在处理纵横比和大小问题，允许浏览器在可用空间中以正确的比例显示最大数量的图像。您能详细说明一下您遇到的问题吗？

JQuery image gallery可能有数百个插件可用。尝试搜索主要的搜索引擎（Google、Bing..）。背景：封面确保图像不变形。如果比率不是原始图像的比率，则部分图像将被截断。您关于图像质量的解决方案将是上传更高质量的图像/使用更高dpi的图像，或者处理它。你不能从无到有-因此放大比原始图像大的图像总是会有一些负面影响。你可能应该使用媒体查询来检测屏幕分辨率，并按比例传送不同的图像。@Ohgoodwhy，使用

媒体查询

-我必须有两个（或更多）吗为不同显示器上传的同一图像的距离？@SunSky，这是正确的。您需要有多个图像。如今，大多数设备都在2960x2100左右或附近吐出（我忘记了确切的值）。这让你可以非常美观地缩小尺寸。虽然它确实会迫使您在驱动器上占用大量空间，但现在大多数好的主机都不用担心机架空间。非常感谢。如果我明白（这么认为），那么我必须说——啊。我将尝试

媒体查询

。比方说，解决了。