Calcular porcentaje CSS3

publicado por: Anonymous

Como puedo calcular el equivalente a un width en pixeles?

Osea si tengo:

width: 250px;

Como lo calculo en %? , para así hacer mi web apta para todas las resoluciones

solución

Visto que el motivo de tu pregunta es el siguiente:

para así hacer mi web apta para todas las resoluciones

Me parece que estás emprendiendo el camino equivocado para lograr ese objetivo.

Primero, porque para hacer tu web apta para todas las resoluciones, lo que se usa son los Media Queries:

Añadidos en CSS3, los media queries dejan que la presentación del contenido se adapte a un rango específico de dispositivos de salida sin tener que cambiar el contenido en sí. Es lo que se llama en inglés un diseño responsive, o sea, que se adapta a cada dispositivo según el tamaño de la pantalla.

Segundo, porque tal conversión sería complicada, ya que dependerá siempre del contexto en el que se mostrarán los elementos.

No obstante, para responder a tu pregunta, la fórmula sería: elemento/contenedor:

Por ejemplo, para convertir un elemento de 250px en un contenedor de 1000px:

250/1000 = 0.25 (o sea, 25%)

Pero si el contenedor es de 500px:

250/500 = 0.5 (o sea, 50%)

Es decir, es una conversión que va a depender siempre del contexto. Dicho de otro modo, la conversión de un elemento de 250px equivaldría a 25% en un contexto, 50% en otro contexto, n% en n contextos.


Para más detalles puedes consultar:

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *