Как масштабировать абсолютные элементы div и дочерние элементы с помощью изображений спрайтов, также известных как карта ⇐ CSS

[Anonymous]

У меня есть файл спрайтов в формате png, содержащий изображения размером 32x32.
У меня есть этот CSS для извлечения изображений и размещения в dom:

Код: Выделить всё

.viewport {
position: relative;
height: 72px;
width: 100px;
background: white;
border: solid black;
}

.tile {
background-image: url("http://s.cdpn.io/79/sprite-steps.png");
position: absolute;
width: 50px;
height: 72px;
}

.image1 {
background-position: 250px 0px;
}

.image2 {
background-position: 0px 0px;
}

[img]http://s.cdpn.io/79/sprite-steps.png[/img]

Теперь мне нужно масштабировать эту область просмотра, чтобы заполнить всю страницу. Чтобы включить полноэкранный режим.
Пример: http://jsfiddle.net/CGmCe/13048/

Подробнее здесь: https://stackoverflow.com/questions/345 ... a-tile-map