javascript - 在屏幕上适合 9 个图片矩阵

Question

我有 9 张图片要显示在屏幕上，因此它们占用了最大的空间，而且我没有滚动条。我想以 3*3 矩阵显示它们。我不知道尺寸是多少，但所有 9 个尺寸都是一样的。

我该怎么做呢？

Answer 1

我做了一个 jsFiddle 并决定把它作为一个答案。

将正文和 html 设置为height: 100%;

html, body {
    height: 100%;
}

并且有 9 个 div，背景图像向左浮动，宽度和高度为 33.3333%。

div {
    width: 33.3333%;
    height: 33.3333%;
    float: left;
}

这就是它的全部！

演示：http: //jsfiddle.net/D9WGv/