Texto e iconos no se redimensionan bien

Hola, mi página web (http://kyriac.com/) se ve bien pero el problema es que cuando descargo algo o pulso CMD - ó CMD + el texto y los iconos no regresan al tamaño normal, se quedan pequeñitos. Agradecería tu ayuda.

Saludos

Respuestas

#1

El primer problema que veo en el código CSS de tu página es que estás mezclando varias cosas. El archivo que se llama bootstrap.min.css al parecer no solo tiene la versión minimizada de Bootstrap 3 sino que también incluye código propio tuyo. Deberías separar las dos cosas para poder aislar mejor el problema.

Al margen de eso, cuando pasas ese archivo CSS por el validador del W3C, te muestra que existen 22 errores (varios de ellos son por propiedades y valores de Internet Explorer que no entiende, pero hay varios errores "reales"):

111 Value Error : margin-top Too many values or values are not recognized : 1px \000009
119 Property user-select doesn't exist : none
119 Property pointer-events doesn't exist : none
119 Parse Error opacity=65)
119 attempt to find a semi-colon before the property name. add it
119 Property progid doesn't exist : DXImageTransform
119 Parse Error DXImageTransform.Microsoft.gradient(enabled = false);
119 Unknown pseudo-element or pseudo-class :not-allowed
119 cursor Parse Error not-allowed}
220 Sorry, the at-rule @-webkit-keyframes is not implemented.
228 Property zoom doesn't exist : 1
228 Parse Error opacity=20)
228 Parse Error opacity=50)
228 Parse Error opacity=0)
228 Parse Error opacity=50)
237 Parse Error opacity=0)
237 Parse Error opacity=90)
267 Parse Error opacity=50)
279 Parse Error opacity=90)
281 background-color Too many values or values are not recognized : #000 \000009
283 Value Error : font 0 is not a font-weight value : 0 / 0 a
283 Sorry, the at-rule @-ms-viewport is not implemented.
#2

Después de ver un poco más el código de tu página, creo que ya se cuál es el problema, aunque no logro encontrar la causa exacta.

Al carga la página por primera vez, el elemento <body> es:

<body style="overflow: hidden; height: 100%;">

Si redimensiono el navegador, este elemento <body> cambia a:

<body style="overflow: hidden; height: 100%; font-size: 61.33%;">

El valor de font-size depende de cuánto y cómo redimensiones la página. Así que creo que la causa de este error es que algún código JavaScript está atento a cualquier redimensionamiento del navegador y modifica el tamaño de letra del <body> cada vez que se modifica el tamaño de la ventana. Lo único es que no encuentro el código JavaScript concreto que está haciendo estos cambios. Quizás a tí te resulte más sencillo dar con el.

#3

Creo que el error debe estar en el archivo http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js porque estaba descartando estilos y javascripts, y cuando desactivo ese enlace no me suelta error en la redimensión del menú; claro que no me da el efecto de ascensor ni fullpage pero bueno. Apenas tenga la solución te vuelvo a escribir :)