Al hacer el truco de <em>font-size: 62.5%;</em> (62.5% * 16px = 10px) Si la etiqueta html tendrá ese valor (10px) de font-size, entonces ...

Milton Josué Barrera Zepeda

Milton Josué Barrera Zepeda

Pregunta
student
hace 5 años

Al hacer el truco de font-size: 62.5%;

(62.5% * 16px = 10px)

Si la etiqueta html tendrá ese valor (10px) de font-size, entonces ¿Hay alguna diferencia entre poner 62.5% y 10px en el estilo de la etiqueta html? ¿o no será siempre 10px?🤔

15 respuestas
para escribir tu comentario
    Omar Sánchez Avelar

    Omar Sánchez Avelar

    student
    hace 5 años

    Por default el tamaño de la fuente en html es 16px, solo aplican regla de 3:

    16px = 100% 10px = ?

    (10 * 100) / 16 = 62.5 %

    es por ello que en el tamaño de la fuente colocan 62.5% para que cada rem tenga un valor de 10px Espero haberte ayudado.....saludos !

    Milton Josué Barrera Zepeda

    Milton Josué Barrera Zepeda

    student
    hace 5 años

    Saludos Omar! Muchas gracias por tu respuesta!

    La duda que tengo es que si se busca que cada rem tenga un valor de 10px. Entonces, es lo mismo que poner directamente font-size: 10px; en el estilo de la etiqueta html? O es mejor usar porcentaje, porque es una medida relativa?

    John Cardenas

    John Cardenas

    student
    hace 5 años

    Hola Milton,

    Es más que todo por una cuestión de accesibilidad y usabilidad. Recuerda que los pixeles son absolutos y por lo tanto esto restringe al usuario en caso que tenga problemas de vista y quiera aumentar el tamaño de la fuente desde las configuraciones del navegador. Si es lo mismo, pero nos restingre mucho en cuanto a usabilidad ponerlo en pixeles.

    Saludos :D

    Milton Josué Barrera Zepeda

    Milton Josué Barrera Zepeda

    student
    hace 5 años

    ¡Listo! Ya comprendo John.😯 Muchas gracias a ambos por contestar, sus respuestas me han sido de gran ayuda.✔

    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Tenia la misma duda de si es lo mismo por que usar % en vez que declarar los 10px. Muchas Gracias por sus respuestas!!!!

    Omar Sánchez Avelar

    Omar Sánchez Avelar

    student
    hace 5 años

    Acabo de probar si en lugar de 62.5% como fuente en html ponemos los 10 px como dices y no noto ninguna diferencia, incluso valide que funcione la parte de accesibilidad incrementando la fuente de tamaño a muy grande y funciona sin ningún problema, entonces creo que es prácticamente lo mismo usar 10px y 62.5% como valor de font size en html y seguir manejando rem para nuestros demás elementos :D

    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Es que no ha quedado del todo resuelta la pregunta. Yo por si al caso mejor usare el 62.5% como lo recomendó Diego :)

    John Cardenas

    John Cardenas

    student
    hace 5 años

    En la penúltima clase: Textos se resuelve esta duda que tienen y les quedará resuelta. Así que no se preocupen :D

    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Ok, gracias John pronto llegaremos ahi :)

    Omar Sánchez Avelar

    Omar Sánchez Avelar

    student
    hace 5 años

    Jhon yo ya lo termine y según recuerdo en esa penúltima clase habla de que conviene usar medidas relativas en fuentes, y también por cuestiones de accesibilidad pero probe lo que dice Milton y en realidad no note diferencia, puesto que use los 10px solo para html, para los demás elementos use rem, incluso hize modificaciones al tamaño de fuente del navegador tomando en cuenta que alguien con problemas visuales quisiera incrementar dicha fuente y funciona perfecto, así que también me eh quedado con duda jeje

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.