Come posso ridimensionare l'altezza e la larghezza degli elementi usando i CSS?

Question

C'è un modo per utilizzare gli elementi CSS per ridimensionare gli elementi. Ad esempio, se ho un'immagine, come posso dire

img.height = image.height * 0.75 // scale down to 0.75 

utilizzando CSS?

Answer 1

Prova questa:

div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); } 

dovrebbe funzionare in: Firefox 3.5, IE 5.5+, Opera, Safari 4, Chrome

Edit: Si dovrebbe anche aggiungere -webkit-transform: scale(0.75); per Chrome e Safari, sebbene le ultime versioni supportino zoom

Answer 2

A partire dal CSS 2.1 non è possibile modificare le dimensioni di un elemento in base alle dimensioni di altri elementi (incluso se stesso).

È necessario utilizzare JavaScript per questo.

Probabilmente sarà possibile in CSS3 con variabili CSS.