CSS和不同大小的显示器？

Question

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

我目前的情况:

• 我有图像,让它称为"bg.png",宽度约为2500px,背景图像的中心有我的标识.
• 我的网站应针对所有规模(从小型800 x 600到2400 x XXX)用户.

我的问题:

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

Answer 1

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

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