Nombre de décimales dans le CSS pourcentage

OK, j'ai cherché un peu partout et de venir avec rien de plus que des preuves anecdotiques suggèrent qu'il est pas recommandé comportement standard dans la spécification CSS pour la précision des nombres à virgule flottante.

N. B. je ne suis pas à poser des questions sur la bien connu des sous-pixel problème d'arrondi.

La raison pour laquelle je te demande, c'est que IE semble ronde basés sur un pourcentage des valeurs à virgule flottante vers le bas pour 2 décimales, alors que Webkit et Gecko permettre au moins 3, voire plus (je n'ai pas testé).

Par exemple:

li {
    width: 14.768%;
}

Lors de l'inspection dans le Chrome Web de l'Inspecteur ou Firebug, la <li>s sont correctement indiquées pour une largeur de 14.768%. Toutefois, dans IE outils de dev (IE9/8/7 mode), ils ont une largeur de 14.76%. Cela provoque la réelle des pixels en fonction de valeurs pour être complètement à l'extérieur.

Quelqu'un peut nous donner un indice sur ce comportement, ou de proposer une solution de contournement? Je préfère ne pas avoir recours à des pixels en fonction de valeurs, si possible, que le contenu doit être fluide largeur.

Je sais que c'est assez ardu de traiter avec ce nombre de décimales, mais je serais très intéressé de savoir ce qui, le cas échéant, de ces navigateurs est "la bonne"?

MODIFIER

Firefox semble à utiliser le bon pourcentage des valeurs lors de l'inspecteur (pas d'arrondi à 2 décimales), mais l'affichage est le même comportement que l'IE en termes de pixels de placement.

Pourquoi avez-vous besoin à trois décimales de précision?
J'ai écrit un plugin pour un fluide de largeur, sensible carrousel. Les largeurs et les décalages sont fait en divisant le nombre de carrousel éléments par la total, etc. Cela peut malheureusement en fin de largeur 3 décimales. :/
Si vous vous trouvez avoir besoin de 3 décimales de précision dans le CSS vous faites quelque chose de mal.
Alors que je suis d'accord, je suis toujours intéressé à toutes les spécifications officielles sur la précision dans le CSS. Et j'ai refait le plugin pour utiliser le moins de DOM clonage, résultant en moins d'éléments, et donc pas plus de 3 décimales de précision! 🙂
Jetez un oeil à ces réponses: stackoverflow.com/questions/4308989/...

OriginalL'auteur chrisf | 2012-09-16

  1. 5

    Il ya probablement de nombreuses solutions pour votre problème, je vous suggère ces:

    1. Ronde sur 2 décimales par vous-même pour tous, mais un seul, que de le réduire à partir de
      largeur totale pour la dernière.
    2. Utilisation table ou display: table, que l'
      navigateur fixer la largeur par lui-même.

    OriginalL'auteur skobaljic