Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera,
Já li e revirei soluções para o caso do IE+Bootstrap3. Simplesmente tentei a maioria das soluções comuns e nenhuma funciona. Sequer muda algo na página. Qualquer outro navegador acima de IE8 suporta normalmente.
Head
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<!-- CSS -->
<link rel='stylesheet' href='[http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300'>](http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300)
<link rel='stylesheet' href='/site/css/libs/bootstrap.css'>
<link rel='stylesheet' href='/site/css/scripts/meanmenu/meanmenu.css'>
<link rel='stylesheet' href='/site/css/scripts/layerslider/layerslider.css'>
<link rel='stylesheet' href='/site/css/layout/app.css'>
<script src="/site/js/libs/css3-mediaqueries/css3-mediaqueries.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/site/js/libs/html5shiv/html5.js"></script>
<script src="/site/js/libs/respond/respond.js"></script>
<![endif]-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>Como podem ver, tentei com o CSS3 Media Queries, e a própria solução da documentação do Bootstrap, que é incluir aquele combo HTML5 + Respond.
Simplesmente não mudou nada na minha página, continua sendo aberto como se não existisse o bootstrap.
Alguem tem idéia?
Link da página: http://termomoldados.gpaprospera.com.br/
Cara, sua segunda dica não faz nem sentido. Se eu colocar a tag para forçar a renderização EDGE, logo não consigo ver como o IE8 renderiza. Vai continuar com problema.
Sobre a teoria do bootstrap.min, vou tentar! ;-)
Eu utilizo a meta-tag acima realmente para direcionar o IE para a ultima versão, pois atualmente não tenho interesse no acesso do IE8, dá muito trabalho e pouco uso.
Se der certo ai me fala.
Ha algum tempo atras, eu estava olhando meus emails aqui, eu tive problemas com o bootstrao.min.css e quando troquei para o bootstrap.css o problema resolveu.
Se der certo, me da um ponto ai.=) obrigado
Boa tarde pessoal!!
Estou com um problema parecido com a do amigo Maykel-ctba porem somente em dispositivos móveis, ou seja, em alguns aparelhos abre a versão de desktop fiz como o gabriel-costa mencionou coloquei o bootstrap.mim.css e o bootstrap.mim.js e não adiantou de nada. Vi em 11 dispositivos diferentes e de SO diferentes e apenas 3 não funcionaram como deveria abriram como se fossem desktops um outro abriu como se fosse desktop no navegador do chrome.
4 dispositivos (android) foram vistos no navegador chrome na versão 40.0.2214.109 funcionando corretamente
3 dispositivos (android) foram vistos no navegador padrão do cel explorer 1 funcionou corretamente e outros dois não
2 dispositivos (IOS) foram vistos no safari e não funcionaram.
2 dispositivo (android) foram vistos no mozilla e 1 funcionou e outro não.
Alguém poderia dar uma dica ou se tiver a solução eu agradeço!!
Você já tentou utilizar o bootstrap.min.css??
Eu já tive esse problemas diversas vezes, mas o problema estava com o próprio código do bootstrap.css.
Eu nem precisei utilizar o respond pra resolver.
Outra coisa, coloca essa meta-tag lá no seu header:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
Faz o teste ai e me fala.