Más que me gustaría ser es por ejemplo puede ser que si lo de inspeccionar e inspeccionar este H1 puedes
ver que aquí se aplican los estilos normales eso utilizan un Foncillas que dice dos en nosotros hemos
estado utilizando el tamaño con pixeles M es una forma pixeles es otra explicar así como que la diferencia
entre uno y otro básicamente son proporcionales al documento es decir toma lo que es el documento y
define el tamaño pixeles es más sencillo porque cada puntito en tu monitor es un pixel así de sencillo.
El problema es que estoy seguro que hay muchas personas viendo este curso desde un celular otros viéndolo
desde una tablet otros viéndolo desde una tele otros viéndolo en una laptop otros en una computadora
de escritorio.
Existe una gran cantidad de dispositivos y existen unas pantallas muy pequeñas por ejemplo de teléfono
celular que tienen una gran cantidad de pixeles mucho más que por ejemplo una laptop entonces pixeles
como lo tenemos definido ya no es la mejor opción.
Para ello existen los MC's se posicionaron los SEMES como una buena opción pero hoy en día ya existe
algo llamado REMS y los REMS tienen la ventaja de que van a hacer que los contenidos en tu sitio web
se vean mejor en cualquier pantalla.
Entonces la forma en que funcionan los EMS es por ejemplo si yo aquí les doy un poco de scroll digamos
aquí en esa navegacion en lugar de tener 18 pixeles digamos que le pongo 2 RAM Reem un Remes mucho más
que 10 pixeles.
Si por ejemplo guardo cambios puedes ver que se pone bastante grande el texto y hacer como que la operación
es un poco complicado en realidad porque un RAAM toma lo que es la base que son 16 pixeles y realiza
una división y de ahí es como se define el tamaño complicado en realidad debería de haber una forma
más fácil de realizar los cálculos y si existe entonces antes del Bodhi vamos a colocar HTML por default
todos los navegadores colocan un iPhone 6 de 16 pixeles es el de foll por así decirlo.
Entonces eliminar esta parte y puede ser que esté seleccionando HTML tienes que ponerlo en el HTML no
en el bodys y no en una etiqueta nueva llamada HTML y lo vamos a decir Foncillas y ponemos 62.5 por
ciento esto nace como un reset que va a poner reset para REMS 62.5 por ciento es igual a 10 pixeles
de 16 pixeles es decir el tamaño por default eran 16 pixeles pero 62.5 es igual a 10 pixeles esto es
una operación extraña en serio y lo entiendo y por eso es que decidí colocarlo hasta esta parte si un
poco de scroll puede ser que tenga un Foncillas de dos Reem esto sería igual a 20 pixeles.
Si guardamos cambios pues ver que se ve más pequeño nuestro diseño tenía 18 píxeles por lo tanto 1.8
RAM va a ser igual a que ponemos un comentario nada cuenta igual a 18 pixeles al haber utilizado este
snippets de aquí Fonzie 62.5 podemos aplicar REMS mucho más fácil y puedes ver que el tamaño se va a
mantener proporcional se va a mantener igual entonces damos un poco de scroll.
Puede ser que quise Max with 1200 pixeles Max UIT-T 120 Rubem de nueva cuenta esto sería igual a igual
a 1200 píxeles entonces de esta forma si guardo cambios puede ser que no cambia nada.
Entonces esto es una regla importante de los REMS pero tenemos toda la ventaja de que los ranks en un
dispositivo móvil con mucha densidad de píxeles de esos que hoy en día que es una pantalla con muchos
pixeles van a escalar correctamente y el contenido se va a ver correctamente a diferencia de los pixeles.
Entonces vamos a hacer lo mismo con los demás damos un poco de scroll aquí vamos a poner de 60 real
ya no tengo que poner el comentario y ya sabes que son 600 pixeles.
Aquí Paddington va a ser 3 Reem y aquí Foncillas 1.8 Reem márgen va a ser de dos REM y Mardin 0 está
bien.
Estaremos utilizando REMS y es una mejor opción créeme mucho mejor y va a ser que tu diseño se ve bastante
bien sin importar el dispositivo.
Ahora si damos el scroll puedes ver que lo que tenemos por default es decir estos párrafos estos Jellinek
ya se ven muy pequeños no le hemos dado estilos pero aquí podemos ponerle bonsais 1.6 RAM que vuelva
a ser el Defour que eran 16 pixeles y eso lo va a hacer un poco mas grande y se va a ver bien se va
viendo la verdad bastante bien.
Fue como una pequeña pausa pero vamos a retomar el diseño en el siguiente video puedes ver que si vemos
el diseño este texto de aquí debe estar abajo así que veamos cómo posicionarlo con Flags Box en el siguiente
video.