CSS 和不同尺寸的显示器？

Question

我正在做一个网站 (WIP)。我遇到了一些 CSS 问题，希望你们能帮助我。

我的现状:

• 我有一张图片，我们称它为“bg.png”，宽度约为 2500px，背景图片的中央有我的 Logo 。
• 我的网站应针对所有尺寸(从 800 x 600 到 2400 x XXX)的用户。

我的问题:

• 如何将背景图像 (bg.png) 居中，以便 Logo 始终位于不同尺寸显示器屏幕的中心(水平)？

Answer 1

body { background: url('bg.png') 50% 50% no-repeat; }

这会将图片以全尺寸放置在页面中央，用户将在浏览器窗口允许的范围内看到尽可能多的背景图片。