html - 如何调整图像大小以适合整个窗口？

Question

我有一张网站图片，我想调整它的大小以覆盖任何给定的屏幕。

注意:

• 我不希望出现滚动条。

• 我正在尝试类似于以下网站

  http://frontrow-demo.squarespace.com/

我能想到的唯一解决方案是重新调整高度和宽度，但这会使滚动条出现。我猜它是我正在努力创建的 CSS 解决方案。

编辑:

这是我试过的代码，但它“缩放”了图片以使其在屏幕上拉伸(stretch)。我希望它调整大小，以便显示质量和实际图片。

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  min-width: 100%;
  min-height: 100%;
}

Answer 1

只需使用一些简单的 CSS

#theimg {
    position : fixed; /*can also use absolute and the parent element can have relative*/
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}

这是一个演示 fiddle

http://jsfiddle.net/rg3eK/