最大图像大小，以保持不同桌面屏幕的宽高比

Question

我应该为背景图片创建的图像尺寸（高度和宽度）是什么，该背景图像将出现在网页上，以便在保持纵横比的不同桌面屏幕上正确呈现？这是我们只使用css背景图片属性显示的全页促销图片。

Answer 1

肯定这是best website之一，有很多技巧

以下是实现此目标的一种解决方法：

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

尝试获取有关该页面的更多信息，这非常有用。 希望这会有所帮助。

Answer 2

我会在你的CSS中使用

.yourclass {
   background-size: cover;
 }

这将允许您的背景为div区域的大小，因此如果将div设置为100％宽度和高度，则将在所有桌面上设置。它也不会歪斜，因此较大的桌面不会让你的图像看起来很压扁。