Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio possimus obcaecati provident est enim magnam praesentium molestiae culpa quidem. Quaerat et similique neque pariatur repudiandae atque exercitationem accusantium assumenda mollitia. Error qui expedita ratione aliquam optio officia illo vero officiis totam doloremque. Quaerat quo eius praesentium impedit, quisquam quis quam tenetur similique delectus magnam facilis voluptatibus sint laudantium laboriosam minus! Modi, eaque? Neque optio odio asperiores mollitia placeat non fugiat, dolores ad facilis nihil repellendus ratione minus at saepe odit quidem, numquam voluptas corrupti commodi. Voluptatibus animi rerum architecto fugiat. Itaque, quas modi. Explicabo aliquam est enim molestias quidem aperiam labore ullam accusantium. Soluta laboriosam distinctio nobis vel quas ipsum harum consequuntur quia provident, mollitia, magnam ullam aliquid aspernatur ut! Ad eum amet laudantium dolorum quos error repellat qui ullam illum cumque vitae reprehenderit ipsa libero possimus quaerat aut ipsum vero voluptatem optio ratione hic, maxime dicta quas repellendus! Debitis? Voluptatem ipsum sit perspiciatis dignissimos quis omnis, cum quisquam repellendus? Voluptate sed, obcaecati dicta soluta inventore adipisci. Animi esse et iure commodi voluptatem modi, error optio vel facilis cupiditate temporibus. Porro officiis nam aliquam repudiandae, officia quasi optio aliquid provident rem, id atque, illum nihil corrupti voluptates quae molestias aperiam excepturi. Molestiae aut dignissimos accusantium quae maiores, minima reiciendis consectetur! Obcaecati exercitationem quam necessitatibus odit vel, voluptatem repudiandae consectetur ea beatae unde vitae rerum, id aspernatur asperiores minus minima impedit. Ipsa, voluptatibus. Dolore maxime vel nemo perferendis ducimus, at expedita?
Explicación
- Medidas absolutas: Son las que están dadas pixeles (px) ya que no cambian el tamaño en ningún dispositivo
-
Medidas relativas: Son las que están dadas en porcentajes, generalmente utilizadas con
-
%hace referencia al porcentaje de la medida heredada desde un elemento padre sea un ancho, alto o tamaño de fuente. -
em/remque hacen referencia al tamaño de la fuente. Em lo hace heredando en base desde el último elemento padre al que se le haya asignado un tamaño de fuente y rem lo hace en base al tamaño de fuente de la etiqueta html -
max-with/max-heightque determinan un ancho o alto máximo (relativo o absoluto) para un elemento -
min-with/min-heightque determinan un ancho o alto mínimo (relativo o absoluto) para un elemento -
vh/vwviewport height y viewport width que permite determinar un tamaño en base al alto o ancho de la pantalla del navegador
-
Soy un "p" dentro de un sectión que es modificado desde CSS😄
Medidas EM
Soy un texto de ejemplo por fuerita de un div, solo dentro de un section
Como parrafo dentro de un div cambio en comparación al otro parrafo!
Souy un parrafo dentro de otro div, con tamaños de locura!
Medidas REM
Texto para manipular desde rem
Como parrafo dentro de un div cambio en comparación al otro parrafo!
Soy un parrafo dentro de otro div, con tamaños de locura??