Eh si, mancava questa!
Come non fossimo costretti a combattere quotidianamente con le diverse implementazioni dei vari browsers, standard non rispettati, etc. etc.!
Scoperta del giorno: la proprietà zoom dei css non è implementata in Mozilla Firefox!
Il problema si sente in maniera particolare quando si definiscono i media type in particolare quello per la stampa!

Come fare? beh per ovviare è possibile usare la funzione scale:

@media print {
  zoom: 0.5;
  -moz-transform:  scale(0.5);
  -moz-transform-origin: left center;
}

Il problema è che in Firefox la proprietà scale non ha lo stesso comportamento della proprietà zoom utilizza negli altri browser.
Mentre la proprietà zoom applica lo zoom prima di stampare la schermata, usando la proprietà scale, la schermata viene “scalata” dopo che si è determinato il contenuto della pagina da stampare (nel nostro caso).
Cosa significa? che su Firefox il contenuto della pagina viene scalato ma il salto pagina viene mantenuto ergo buona parte del fondo della pagina resterà vuoto anziché proporre l’eventuale contenuto della seconda pagina che potrebbe essere stampato nello spazio disponibile.
Immaginate di fare delle stampe delle singole pagine al 100% e poi di scalare il contenuto di ogni singola pagina…un risultato penoso direi!

Al momento non esiste soluzione, o meglio, l’unica è effettuare lo zoom usando il driver di stampa.. che è molto scomodo!

La Mozilla Foundation ha in draft l’implementazione ma non si sa in che tempi sarà disponibile.
….e tutta internet (io per primo) bestemmia come non ci fosse un domani!

Zoom nei css su firefox : non funziona!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *