Cambio de tamaño de fuente inexplicable desde el escritorio al browser mobile

Estaba haciendo un formateador de código para mi website y encontré algún comportamiento extraño entre los browseres de escritorio y mobilees. En el escritorio, el bloque de código se ve así:

y en mi iPhone los numbers de línea son, por cualquier razón, en un tamaño de fuente más pequeño:

No he hecho nada para editar ningún tipo de tamaños de fuente en mi website. Es todos los tamaños pnetworkingeterminados. Si configuro manualmente el tamaño de fuente, diga a 12px, todavía está alineado en mi browser de escritorio, y aún más pequeño en mi browser mobile.

El bloque de código se presenta como una tabla con dos celdas. La celda izquierda contiene una tabla de 1 columna, cada fila contiene un número. La celda derecha contiene una tabla de 1 columna, cada fila contiene una línea de código.

¿Alguna idea de por qué la fuente se contrae en el browser mobile?

EDITAR: LINK: http://grantslatton.com/posts/blog/2013-08-16/sudoku_solver/

EDIT2: se reproduce correctamente en teléfonos con Windows y teléfonos Android.

SOLUCIÓN: Resulta que Safari mobile decide cambiar el tamaño de text para usted. Vi una solución en esta página que funcionó: arreglar el problema del tamaño de fuente en Mobile Safari (iPhone), donde el text se representa de manera inconsistente y algunas fonts son más grandes que otras.

Puse -webkit-text-size-adjust: 100% in the body {} sección de mi CSS para evitar que Safari mobile se metiera con mi tamaño de text.

Resulta que Safari mobile decide cambiar el tamaño de text para ti. Vi una solución en esta página que funcionó:

  • ¿Corrija el problema del tamaño de fuente en Mobile Safari (iPhone) donde el text se representa de manera inconsistente y algunas fonts son más grandes que otras?

Puse lo siguiente en mi CSS para evitar que Safari mobile se metiera con mi tamaño de text.

 body { -webkit-text-size-adjust: 100%; }