обратно карты необходимо заполнить весь экран

Question

Я нашел 3d флип-карты на jsfiddle (http://jsfiddle.net/GDdtS/3610/) и я редактировал его к этому: http://jsfiddle.net/qCPrj/

Я пытаюсь сделать заднюю сторону «карты» заполнить весь экран веб-страницы. Кто-то предложил, чтобы добавить код:

positition: absolute; 
left: 0; 
right: 0; 

к классу обратно, но это не изменит ширину задней стороны. Мой вопрос будет, как мне получить заднюю сторону «карты», чтобы заполнить весь экран?

редактировать *

Размер передних должен оставаться 400px в ширину и 200 точек с высоким, но я хочу тыльная быть полноэкранным, поэтому при наведении курсора мыши на тыльная появляется и расширяется, чтобы покрыть весь экран.

Answer 1

вы должны установить высота 100% для всех родительских элементов, чтобы заполнить пространство соответствующим образом - так в вашем случае добавить

html, body, .flip, .card, .front, .back{height:100%} 

Jsfiddle

Answer 2

ширина и высота вашего класса только 400x200 так технически на максимуме ... он заполнит эту часть. вам нужно увеличить размер «.flip»