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
studenthace 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
    Jhanpiere Montes

    Jhanpiere Montes

    studenthace 5 años

    Excelente tenía esa misma duda.💚

    Milton Josué Barrera Zepeda

    Milton Josué Barrera Zepeda

    studenthace 5 años

    Estuve intentando con mi celular (j7 2017)

    • En Chrome: cuando aumentaba la fuente del sistema, también aumentaba la del proyecto, pasó lo mismo cuando cambié el tamaño fuente en los ajustes de Chrome.
    • En Samsung internet: solo se aumentaba el tamaño de la fuente, cuando lo cambiaba en los ajustes del navegador, pero no cuando cambié el tamaño de la fuente del sistema.

    No sentí diferencia de poner 10px o 62.5%. En mi celular, con los dos pasó lo mismo.

    Supongo que quizá en celular es un poco distintos y tengan capacidad de adaptarse sin importar si se usa % o px dependiendo del celular, la versión del sistema o del navegador.🤔

    En PC, sí noté la diferencia. Opino que es mejor usa el % así abarcas más dispositivos en el tema de accesibilidad✔

    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Entonces dependiendo si el usuario tiene puesta por ejemplo en su celular una letra Grande/Mediana/Chica... con rem automáticamente se modifica conforme a su especificación de dicho tamaño?

    Milton Josué Barrera Zepeda

    Milton Josué Barrera Zepeda

    studenthace 5 años

    Gracias a todos por responder!👨🏻‍💻✔ En la clase texto se resuelve mi duda (pero la función del 62.5% no se nota tanto). Complementarlo con el video que compartió hollmanandresf1991 es espléndido, para entender mejor esto.

    Básicamente es que al usar porcentaje, la fuente de tu proyecto tendrá la capacidad de adaptarse, dependiento del tamaño de fuente que usa el usuario en su dispositivo.

    Hollman Andres Barbon Florez

    Hollman Andres Barbon Florez

    studenthace 5 años

    Cordial saludo comunidad

    Al ver los comentarios, empecé a buscar y encuentro este video el cual me indica que puede facilitar mucho la maquetación del responsive desing, si no hay ninguna otra defensa para usar PX, me voy con EM y REM, gracias y estaré muy atento a sus comentarios.

    https://www.youtube.com/watch?v=Sgf4HEAW-gQ

    Slds.

    Omar Sánchez Avelar

    Omar Sánchez Avelar

    studenthace 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

    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Ok, gracias John pronto llegaremos ahi :)

    John Cardenas

    John Cardenas

    studenthace 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

    studenthace 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 :)

    Omar Sánchez Avelar

    Omar Sánchez Avelar

    studenthace 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

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.