Va bene usare lo zoom: 1 nelle mie classi CSS?

Question

Ogni volta che mi trovo IE sta visualizzando il mio sito web strano (diverso da Chrome e Firefox), cerco di mettere un zoom:1 nella classe CSS per la parte che viene visualizzata strano. Un sacco di tempo questo risolve il problema e lo fa apparire coerente con gli altri browser.

E 'un problema di uso zoom:1? So che il mio CSS Non verranno ritenute valide, ma ci sono tutti i problemi del mondo reale che possono sorgere se mi baso troppo sull'uso zoom:1?

Answer 1

Il problema si lotta con questo è il problema hasLayout IE. Qui è un articolo di buona e una panoramica su quali proprietà anche innescare "avere Layout" in IE.

Non conosco nessun effetto collaterale a zoom: 1 tranne che non è W3C valido. Sono abbastanza sicuro che sto usando io stesso in alcuni progetti.

Tuttavia, v'è naturalmente la remota possibilità che zoom diventa un vero e CSS giorno una proprietà - o viene utilizzato in un altro contesto proprietario come sul iPad o qualsiasi altra cosa -. Che potrebbe portare a rompere le cose

Un davvero pulita soluzione, lo zoom non è. Se possibile, è una buona idea per dare l'elemento "layout" in qualche altro modo, come indicato in questo articolo.

Answer 2

Al contrario, ci sono aspetti negativi definitivi per l'uso dello zoom: 1, anche in IE. Di solito, ho solo includo in IE-solo fogli di stile, ma anche in questi ultimi giorni ho lottato con alcuni problemi di layout, perché ho scelto di usare * {zoom: 1;}

- l'asporto - usarlo su una base limitata. Se vi interessa soltanto IE7 +, è possibile utilizzare min-height: 1%, che ha lo stesso effetto di innescare hasLayout

Answer 3

A partire dal novembre 2012, è sempre più probabile che lo zoom sarà un giorno diventerà validato CSS, anche se sembra che l'utilizzo nel contesto di cui sopra non dovrebbe avere alcun effetti collaterali negativi.

See: http://dev.w3.org/csswg/css-device -adapt / o http://www.w3.org/TR/ css-dispositivo adattare /

Answer 4

zoom è supportato solo da IE, quindi non al momento. Potenzialmente ci potrebbe essere una futura proprietà denominata zoom che potrebbe complicare le cose, ma questo è improbabile a causa di utilizzo diffuso.

Answer 5

display: inline-block; fa la stessa cosa, ma è codice standard.

rare caso si crea un problema, è possibile utilizzare

display: block !important; /* or inline, etc. */ 
display: inline-block; /* in this order */

per inviare solo le antiche versioni di Internet Explorer per i quali è utile.