Saltar al contenido

CSS PX a porcentaje

Estuvimos indagando en el mundo on line para darte la solución para tu inquietud, en caso de dificultades puedes dejarnos tu pregunta y te contestaremos sin falta, porque estamos para ayudarte.

Solución:

Odio decírtelo, pero es probable que algunas personas te pongan los ojos en blanco aquí.

Un porcentaje es relativo al tamaño del contenedor principal. 50% significa “la mitad del ancho del padre”. Ahí es no hay conversión “px-%”, porque uno es un valor fijo y el otro es una proporción flexible. Eso es… un poco por qué no puedes encontrar tal cosa.

Problema: Para obtener el elemento secundario en porcentaje,

  1. A) Ancho del niño: ej. 760px
  2. B) Ancho de los padres: por ejemplo. 1024px

Puede obtener el ancho principal o secundario fácilmente con JQuery. p.ej: $('#parent').width()

Luego aplique esta operación matemática para obtener el valor porcentual del elemento secundario:
(A/B) * 100

Sustituyendo:
(760/1024) * 100 = 74.22% .. por lo tanto resuelto.

Te mostramos las reseñas y valoraciones de los lectores

Puedes añadir valor a nuestra información cooperando tu veteranía en las anotaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *