Как я могу масштабировать ширину контейнера в css3

Question

Как я могу масштабировать элемент, чтобы занять всю ширину и высоту браузера с помощью css3-переходов? Я могу использовать функцию масштабирования. Но как я могу рассчитать коэффициент, который я должен использовать для масштабирования?

Answer 1

Это пример для WebKit (Chrome, Safari)

http://jsfiddle.net/dM8zL/

#expandme { 
    width: 10%; 
    height: 10%; 
    margin: 0 auto;   
    background: red; 
    position: fixed; 
} 
#expandme:hover { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
-webkit-transition: all .2s ease-in-out;  
} 

Answer 2

Является ли это что-то вроде того, что вы хотели? http://jsfiddle.net/RcXfN/4/

Answer 3

Для масштабирования не требуется css3, вы можете просто использовать простой% для ширины и высоты.