Est-il acceptable d'utiliser le zoom:1 dans mes classes css?

Chaque fois que je trouve c'est à dire est de l'affichage de mon site bizarre (différent de chrome et firefox), j'ai essayer de mettre un zoom:1 dans la classe css pour la partie qui est affiché bizarre. Beaucoup du temps que cela résout le problème et le rend compatible avec les autres navigateurs.

Est-il un problème à utiliser des zoom:1? Je sais que mon CSS ne validez pas, mais quel monde réel les problèmes qui peuvent survenir si j'ai trop compter sur l'aide de zoom:1?

OriginalL'auteur Kyle | 2010-05-06

  1. 17

    Le problème que vous vous battez, c'est IE hasLayout question. Ici est un bon article et un aperçu sur les propriétés également déclencher d'avoir "Mise en page" dans IE.

    Je ne connais pas les effets secondaires zoom: 1 sauf que c'est pas valide W3C. Je suis assez sûr que je l'utilise moi-même dans certains projets.

    Cependant, il y a évidemment la distance de chance que zoom devient une véritable propriété CSS un jour - ou s'il est utilisé dans un autre propriétaire contexte comme sur l'iPad ou tout ce qui pourrait conduire à des choses de rupture.

    Vraiment propre solution, le zoom n'est pas. Si à tout possible, c'est une bonne idée de donner à l'élément "Mise en page" dans quelque autre manière que décrite dans l'article.

    Vous pouvez atténuer les inconvénients en utilisant des commentaires conditionnels pour servir uniquement à la zoom règle pour IE-7-ou-moins. (IE8 disposition du moteur fonctionne différemment et a tendance à ne pas présenter le même genre de problèmes.)

    OriginalL'auteur Pekka 웃

  2. 1

    Au contraire, il y a de définitif certains inconvénients à l'utilisation du zoom:1, même dans IE. Habituellement, je ne l'inclure dans IE uniquement les feuilles de style, mais même dans les derniers jours, j'ai lutté avec certains problèmes de mise en page parce que j'ai opté pour l'utilisation d' *{zoom:1;}

    -- l'emporter -- l'utiliser sur une base limitée. Si vous ne se soucient que IE7+, vous pouvez utiliser le min-height: 1%, ce qui a pour effet de déclencher hasLayout

    OriginalL'auteur Arx Poetica

  3. 1

    En novembre 2012, il est de plus en plus probable que le zoom sera un jour de devenir CSS valide, bien qu'il semble que son utilisation dans le contexte ci-dessus ne devraient pas avoir d'effets secondaires négatifs.

    Voir: http://dev.w3.org/csswg/css-device-adapt/ ou http://www.w3.org/TR/css-device-adapt/

    OriginalL'auteur Jon-Paul

  4. 0

    le zoom est uniquement pris en charge par IE, donc pas pour le moment. Potentiellement, il pourrait être un avenir propriété appelée zoom qui pourrait gâcher les choses, mais c'est peu probable en raison de la généralisation de l'utilisation.

    Le Zoom est également désormais pris en charge par Chrome et Safari, selon ce site: css-tricks.com/almanac/properties/z/zoom

    OriginalL'auteur Rich Bradshaw

  5. 0

    display: inline-block; fait la même chose, mais est le code standard.

    Dans le rare cas, il crée un problème, vous pouvez utiliser

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

    à envoyer uniquement pour les anciennes versions d'Internet Explorer pour qui c'est utile.

    OriginalL'auteur reisio