Calculateur de dimensionnement des pistes CSS Grid
Calculer des pistes de grilles fixes et fractionnées explicites après avoir soustrait les rembourrages et les trous des conteneurs.
VOTRE CALCUL
Résultat
—
Étapes du calcul
Affichez les étapes une par une ou le calcul complet. Les étapes utilisent les valeurs que vous avez saisies.
Méthode de calcul
Compter toutes les voies fixes et fractionnelles lors de la soustraction des trous avant de distribuer la largeur restante.
Remaining=width−2padding−gaps−fixed widths; each fr width=remaining×weight/sum(weights)
Exemple détaillé
Une zone de 1000 px avec une piste de 200 px, deux pistes égales en fr et deux espaces de 20 px laisse 380 px pour chaque piste de fr.
Hypothèses et précisions sur les données
Une rangée de pistes explicitement listées; aucun minimum intrinsèque, min-contenu, auto-ajustement, spans, bordures, barre de défilement ou moteur de mise en page CSS réel. Les pistes fixes précèdent les pistes fractionnées dans la sortie.
Utiliser ce calculateur
Puis-je saisir mes propres données ?
Oui. Remplacez les valeurs de l’exemple par vos propres données. Le résultat, les étapes, les tableaux et les diagrammes disponibles se mettent à jour. Une valeur vide ou invalide efface le résultat ; les valeurs de l’exemple ne remplacent jamais les données manquantes.
Les résultats sont-ils exacts ?
Les calculs utilisent des nombres à virgule flottante et les résultats affichés sont arrondis. Consultez la formule, les hypothèses et la précision des données indiquée avant d’interpréter le résultat.
Mes données sont-elles envoyées ?
Le calcul s’effectue dans votre navigateur. Aucun compte, envoi de fichier ou service d’IA externe n’est nécessaire. Les données saisies ne sont pas conservées après le rechargement de la page.
Saisissez une diagonale de l’écran et une résolution de pixel pour calculer la largeur active, la hauteur, le rapport d’aspect, la densité de pixel et la hauteur, avec un diagramme d’écran dimensionné.
Comptez des sprites de taille égale qui correspondent à un atlas avec des marges extérieures explicites et des gouttières inter-sprites.
Saisissez deux points connus et une cible x ou y. Calculer l’autre coordonnée, voir le modèle linéaire et distinguer clairement l’interpolation de l’extrapolation.
Espace publicitaire réservé.