2011-12-21 37 views
3

我将尝试创建一个图像,这个图像将成为我网站的背景,并可扩展到每个显示器尺寸。什么样的背景图片尺寸适合每台显示器的页面尺寸?

如果没有一定的规模,我应该可以:

  • 成全它最大的浏览器的大小在那里,看看是否
    作品?

  • 创建一个图像,并隐藏背景,所以它的部分是 只有当它变得最大时才会显示出来?

+0

我没有足够的经验来正确/正确回答,但我建议你做,这将很好地适应到1920×1080的图像,但仍然表现出哪些需要被显示更小的分辨率对于更大的分辨率,您可以编辑图像,使其淡入一个坚实的背景或某物。 – Bojangles 2011-12-21 04:04:09

回答

3

查阅这些两篇文章:

  1. http://kimili.com/journal/flexible-scalable-background-image
  2. http://beingwicked.com/development/full-scalable-background-images/

他们描述了一种新技术,我已经看到了很多最近,这给我们规模的背景图像呃的屏幕。

+0

非常感谢你的文章!我一定会在查看这些内容并对网页进行更改。现在,我只是把它作为一个大背景。希望我会得到它的工作。对不起,我的回应有很大的延迟! – Abriel 2012-01-03 06:40:12

3

有一个非常简单的解决方案,我发现。 使用CSS3我申请了以下内容:

background-size: cover;