Question

在使用非平铺背景图片的网站上，在所有设备/所有缩放设备上使其看起来更好的最佳方法是什么？

CSS

背景：#aaa url（// url）;

因此在图像结束时使用背景颜色。

我最初的想法是为背景图像提供100％的大小，因此无论缩放或视口大小如何，背景图像都不会丢失质量。

这是一个很好的方法吗？还是有另一种更好的方法来管理响应式设计中的背景图像？

由于

Answer 1

我推荐这个

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

来源：CSS-Tricks: Perfect Full Page Background Image

使用响应式设计管理背景图像的最佳方式？

1 个答案: