Si hay alguna similitud, es un honor; si se reimprime, por favor indica
Solución temporal para que IE6 IE7 IE8 IE9 IE10 IE11 soporten Bootstrap
Recientemente creé una página web, siempre he sentido que Bootstrap es muy bueno. Esta vez usé bootstrap3, Chrome, Firefox, Safari, Opera, el navegador 360 (modo de velocidad), el navegador Sogou y otros navegadores no tuvieron problemas. Y en IE8 e IE11 descubrí que el estilo no se podía mostrar. Luego, varios Baidu, finalmente, con la ayuda de una publicación de internauta en Yapeng.com solucionaron el problema. También consulta Qianxun Learning Network La solución se resume de la siguiente manera:
Primero, asegúrate de que tu página HTML comience con una declaración DOCTYPE. DOCTYPE indica al navegador qué especificación HTML o XHTML debe usar para analizar un documento HTML, lo que afecta a los siguientes factores:
Restricciones sobre etiquetas, atributos y propiedades
Afecta al modo de renderizado del navegador, y diferentes modos de renderizado afectan al análisis del código CSS e incluso de scripts Javascrip{filter}t
DOCTYPE es fundamental, y la mejor práctica actual es escribir en la primera línea del documento HTML:
<!DOCTYPE html>
Hay varias razones para encontrar a Bootstrap resumidas en la publicación del dios; en primer lugar, Bootstrap3 se desarrolló primero con el principio de dispositivo móvil, por lo que las razones pueden ser las siguientes:
1. La dirección remota no se está llamando correctamente
Es decir, mientras sea IE9 o inferior, llama a dos j especiales
<!-- HTML5 Shim y Respond.js soporte IE8 para elementos HTML5 y consultas de medios -->
<!--[si es el IE 9]>
<scrip{filter}t src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></scrip{filter}t>
<scrip{filter}t src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></scrip{filter}t>
<! [endif]-->
Pero probé y descubrí que usar solo los archivos js anteriores no es factible,
2. El método de llamada es incorrecto
No consultes archivos respond.min.js, respond.js o CSS en file:// o @import formulario
3. Identificar el contenido del navegador (usando metatags para ajustar el método de renderizado del navegador)
El bootstrap no soporta el modo de compatibilidad con IE, y para que IE ejecute el último modo de renderizado, se añadirán las siguientes etiquetas a la página
IE=edge significa que el último kernel de IE está forzado, y chrome=1 significa que si se instala el complemento de navegador Google Chrome Frame para IE6/7/8 y otras versiones (que puede hacer que el navegador del usuario siga pareciendo el menú e interfaz de IE, pero en realidad el usuario está usando el kernel Chrome al navegar por la web), entonces el kernel Chrome se usa para renderizar. Para una explicación específica de esta meta etiqueta, véase la gran respuesta en StackOverflow, y la <meta>explicación en inglés del experto en etiquetas puede encontrarse aquí
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Añadí
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Y ahí vas
El kernel controla la etiqueta meta, porque los navegadores principales actuales en China son núcleos duales, por lo que la etiqueta meta se añade para indicar al navegador qué kernel usar para renderizar la página
4. IE8 no soporta varias propiedades de contenedores
IE8 no soporta completamente el tamaño de caja: se usa caja de borde con mínimo-ancho, max-width, min-height o max-height. Por lo tanto, la clase contenedor en bootstrap v3.0.1 ya no utiliza el ancho máximo.
5.JS problema causado por el orden en que se introduce el CSS
Tienes que citar CSS antes de referenciar JS
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/>
<scrip{filter}t type="text/javascrip{filter}t" src="js/respond.min.js"></scrip{filter}t>
6. DOCTYPE tiene líneas en blanco antes y después
<!DOCTYPE html>
No está bien tener espacios aquí, tienes que eliminar esos espacios
<html>
7. También puedes modificar el bootstrap.css manualmente
Si usas bootstrap 2.1.1, modificar navbar-inner{ filter:none} puede resolver el problema; si usas la versión 3.0+, no hay código, consulta la conexión para más detalles
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Usar modo de dones
Al definir una página web, el modo compatible hacia atrás con navegadores antiguos es el modo quirks, y el correspondiente "modo estándar" es el modo estándar. Específicamente, <!DOCTYPE html> está escrito como antes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Lo probé, pero no es factible
Finalmente probé bajo IE11, pero probé con IE8 y encontré un problema que indicaba que el marcador no está soportado
Así es como solucionar el soporte de IE para marcadores de posición
El jquery referenciado en este artículo se prueba en la versión 1.11.1, y se menciona primero jquery
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
También puedes usar otras versiones de jquery
Luego introduce <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js dirección de descarga de este archivo https://github.com/mathiasbynens/jquery-placeholder
Luego añade algo de código al archivo
<scrip{filter}t type="text/javascrip{filter}t">
$(función () {
Invocar el plugin
$('entrada, área de texto').marcador de posición();
});
</scrip{filter}t>
Si estoy involucrado aquí o si el problema sigue sin resolverse, por favor pasad http://hustlzp.com/post/2014/01/ie8-compatibility más detalles
Los anteriores IE6, 7, 8, 9, 10, 11, Chrome, Firefox, Safari, Opera, navegador 360 (modo velocidad), prueba de navegador Sogou superada, solo IE5.5 parece inviable, en resumen, el problema está resuelto aquí, todo malvado IE6 - llámalo salsa de soja
Si no quieres usar jquery.placeholder.js, ya no puedes soportar implementaciones de emulación de marcadores de posición en los navegadores
Puedes consultar este artículo para obtener una http://ju.outofmemory.cn/entry/1595 muy detallada |
Publicado en 3/8/2016 22:55:23
|
|
|
Propietario