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
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.
@javiereguiluz
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.
@javiereguiluz
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 :)
@vkyriacos