En este vídeo conoceremos los fundamentos de las unidades de medida css REM y EM.
Quiero explicarles porque bootstrap ha decidido adoptar estas unidades de medidas y quiero mostrar porque y como funcionan.
aquí les daré una explicación muy fundamental la cual nos ayudará a entender claramente que son estas unidades de medida y cómo usarlas.
“Algo muy importante”
Por qué no se trabajan con pixeles? porque los pixeles siempre serán pixeles no importa la resolución donde se vean, y aquí es donde entra el concepto del REM.
El REM es relativo con el HTML. es muy importante recalcar y tener siempre claro este concepto.
El rem funciona como un multiplicador, otra cosa a tener en cuenta es que con los Rems y los Ems podemos trabajar con valores decimales.
Estos Rems no solo funciona con el tamaño las fuentes, también se puede usar para el tamaño de los borde, también se puede trabajar la margen interior o padding por todos lados osea por la derecha, por arriba etc.
REM relativo al HTML
rem usado para el padding
En cambio los EMs no son relativos al HTML sino al elemento padre que lo contenga.
EM es relativo al elemento Padre que lo contiene
el em no es relativo al html
Ver Vídeo