IE No aplica estilos

Question

Estoy compilando varias hojas de estilo en una hoja de estilo mínima en un entorno de ensayo Los estilos se aplican localmente en IE donde cada hoja de estilo es separada, pero no se aplican en el entorno de ensayo en IE donde se compilan las hojas de estilo en una hoja de estilo min. He ejecutado las hojas de estilo a través de un validador de CSS y he revisado cada hoja de estilo y corregido los errores de sintaxis que encontré. No necesariamente necesito saber cómo resolver el problema, principalmente quiero saber dónde existe el problema. Las herramientas de desarrollador de IE no me están dando ningún comentario relacionado con el problema de los estilos que no se aplican.

Aquí hay un enlace a la página de inicio de sesión en el entorno de ensayo: https://s-app.joinhere.com/manage/sessions/new. Los estilos están en la hoja de estilos, simplemente no se están aplicando en IE. Aquí hay un enlace a la hoja de estilo mínima compilada: https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

¡Gracias!

Answer 1

He probado su página, y funciona bien en Chrome. Sin embargo, parece extraño en IE9, como si los estilos CSS no se aplicaran, tal como lo describió. Por ejemplo, el estilo body#manage-sessions #main_container #login_container no se está aplicando. Miré la pestaña css en las herramientas de desarrollo, y resulta que el estilo ni siquiera está allí, lo que explica cómo no funciona. Para averiguar por qué, utilicé el inspector de redes de la herramienta de desarrollador y examiné la respuesta cuando IE9 está descargando el CSS, y el estilo body#manage-sessions #main_container #login_container está efectivamente en la respuesta. Esto me lleva a creer que debe haber algún límite en el tamaño máximo de archivo css para IE. Parece que este es realmente el caso como se describe here. Aparentemente, IE simplemente ignora los estilos adicionales si el archivo css supera cierto tamaño. Entonces, esto explica por qué todo funciona cuando los archivos css están separados, y por qué las cosas se desmoronan después de combinarlas. Para resolver el problema intente dividir su archivo css grande en 2 o más archivos más pequeños que caigan dentro del límite de IE, y vea si esto corrige el problema.

Answer 2

No estoy seguro acerca de su configuración personal, sin embargo, cualquier cosa < IE 10 solo puede manejar 32 hojas de estilo individuales, cualquier cosa después seguirá apareciendo en las herramientas Dev como funciona pero puede estar seguro, la hoja de estilos 33 se compromete a una vida de fracaso silencioso.