Maison >interface Web >tutoriel CSS >Détails des pourcentages - Taille du conteneur_Échange d'expérience

Détails des pourcentages - Taille du conteneur_Échange d'expérience

WBOY
WBOYoriginal
2016-05-16 12:08:051363parcourir

Étant donné que la plus petite unité pouvant être affichée à l'écran est 1 px, certains choix doivent être faits pour les longueurs avec des nombres tels que 773*50%=386,5.

Page de test, la largeur des marques de capture d'écran de certains navigateurs est également incluse

IE : calculée par arrondi.

Firefox : La valeur calculée ignore la partie décimale, mais alloue la longueur supplémentaire à chaque élément à l'intérieur. S'il n'y a que 1 px de plus, par exemple 2*386 = 772, le 1 px restant ira à l'un des éléments et le premier élément sera alloué en premier. Par exemple, lorsque 773 px est alloué à deux 50 %, le résultat sera. soit : 387px et 386px, répartis en quatre À 25 %, les résultats sont : 194px, 193px, 193px et 193px et pour quelques px supplémentaires, comme 773*33,3%=257,409, 773*33,33%=257,6409, en raison de les différentes décimales ignorées, le principe de répartition C'est également différent. Je ne trouve pas d'informations pertinentes. Voici ma supposition. Trois éléments sont attribués en fonction de l'arrondi. Les éléments arrondis sont attribués en premier aux deux côtés. aux deux premiers en premier, et les trois éléments sont alloués à trois. Au-dessus des éléments, les parties supplémentaires sont allouées librement. Je ne trouve pas de règle, mais la première sera certainement allouée.

Il y a des choses étranges à propos de FF. Page de test de Firefix. La largeur 1024 ne sera pas automatiquement allouée, peut-être parce que la couche externe a également des décimales, ce qui fait que 1px n'est pas alloué. Testez ensuite Firefox

Opera & Safari2 : la partie décimale du pourcentage est ignorée lors du calcul, et la valeur calculée ignore la partie décimale, si l'élément à l'intérieur est plus grand que la largeur calculée, les éléments suivants ne seront pas renvoyés à la ligne.

Netscape & Mozilla : Ignorer les décimales après le calcul. La partie supplémentaire est un peu similaire à Firefox, mais la partie supplémentaire est affichée de manière plus transparente, et c'est étrange. Par exemple, 33,33%*3=99,99% est. moins de 100 %, mais supérieur à 100 %, c’est un navigateur étrange. Heureusement, peu de gens l’utilisent, alors ne vous inquiétez pas trop pour ces deux navigateurs.

Le test n'est pas terminé. Les amis intéressés peuvent m'aider avec le test. Il existe une page de test séparée. Toute personne connaissant la raison peut me le dire

.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn