Calculadora de tamaños de pistas CSS Grid
Calcular las pistas de rejilla fijas y fraccionadas explícitas después de restarle el relleno de contenedores y las lagunas.
SU CÁLCULO
Resultado
—
Pasos del cálculo
Trabaje a través de un paso a la vez o revele el cálculo completo. Los pasos utilizan sus entradas actuales.
Cómo calcular
Cuenta todas las pistas fijas y fraccionadas cuando se suban las lagunas antes de distribuir la anchura restante.
Remaining=width−2padding−gaps−fixed widths; each fr width=remaining×weight/sum(weights)
Ejemplo resuelto
Una zona 1000 px con un 200 px pista, dos pistas de fr igual y dos 20 px lagunas deja 380 px para cada pista de fr.
Suposiciones y detalles de entrada
Una fila de pistas explícitamente listadas; no hay mínimos intrínsecos, contenido minico, autoajuste, spans, fronteras, barra de scrollbar o motor de diseño CSS real. Las pistas fijas preceden a las pistas fraccionales en la salida.
Usando esta calculadora
¿Puedo entrar en mi propio problema?
Sí. Sustitúyase los valores de ejemplo por sus propias entradas. El resultado, los pasos de cálculo, los cuadros y los diagramas aplicables se actualizan a partir de esos insumos. Los valores blanks o inválidos despejan el resultado; los valores de ejemplo nunca se sustituyen silenciosamente por los insumos que faltan.
¿Los resultados son exactos?
Los resultados utilizan la aritmética de un punto flotante y se muestran redondeados. Leer la fórmula, suposiciones y cualquier precisión de los datos antes de interpretar el resultado.
¿Mi entrada está cargada?
El cálculo se ejecuta en su navegador. No se requiere cuenta, carga de archivos o servicio AI externo. Las entradas no se guardan entre recargas de página.
Introduzca una resolución diagonal e pixel de pantalla para calcular la anchura activa, altura, relación de aspecto, densidad de píxeles y un lanzamiento, con un diagrama de pantalla dimensionado.
El contador es un sprites de tamaño igual que encajan con un atlas con márgenes exteriores explícitos y canaletas interespítas.
Introduzca dos puntos conocidos y un objetivo x o y. Calcular la otra coordinación, ver el modelo de línea directa y distinguir claramente la interpolación de la extrapolación.
Espacio reservado para publicidad.