¿Por qué los tamaños de fuente se hacen más pequeños en las páginas de GitHub?
Versión local
Las fuentes en la versión de mi sitio en páginas de GitHub: https://shubanshii.github.io/Vocabulary-Cards-CSS/html/index.html son más pequeñas que en mi máquina local (en la imagen).
La familia de la fuente es correcta en ambas.
Incluso cuando quito el código que afecta realmente a la fuente, sigue siendo diferente en ambas versiones.
css
@media only screen and (min-width: 600px) {
#main {
display: grid;
grid-template-columns: 2fr 1fr;
}
#title {
font-size: 20px;
}
#input,
p {
font-size: 20px;
}
}
Tengo la etiqueta meta:
html
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no"/>
¿Alguna idea de lo que lo está causando?
davy.ai
Parece que los tamaños de fuente en la versión de la página de Github son más pequeños que en la máquina local, a pesar de usar la misma familia de fuentes e incluso al eliminar el código que afecta los tamaños de fuente. La etiqueta meta para el viewport también está presente. La causa del problema es actualmente desconocida.