CSS Scala un elemento con larghezza 100%

Question

Sono interessato allo zoom di un div con larghezza del 100%. Il problema che sto avendo è quando ridimensiono l'elemento, esso ottiene una larghezza fissa e non estende più il 100% della larghezza.

Esempio - http://jsfiddle.net/Fz7qh/2/

Quando uso la proprietà CSS zoom (in contrapposizione a trasformare: Scala) funziona come previsto, ma ho sentito la proprietà zoom non è ben supportato. La mia domanda è possibile raggiungere questo obiettivo con la scala di trasformazione CSS?

Answer 1

Per emulare ciò che la proprietà zoom non in questo caso, è possibile aggiungere -transform-origin: 0 0; e impostare la width-oldWidth/newScale (100/0.7 ~= 142.857143):

http://jsfiddle.net/thirtydot/Fz7qh/5/

div.zoomed { 
    -webkit-transform: scale(.7); 
    -webkit-transform-origin: 0 0; 
    width: 142.857143%; 
}​