Eu criei recentemente um site responsivo. eu uso Fundação Zurb porque alguns conselhos e artigos são a melhor solução para tornar o site responsivo mais eficiente. Mas o problema, a nova versão da Fundação não suporta o IE 7 +, como você pode ver Aqui, mas eu quero o suporte do meu site para toda a versão do IE. Alguns sugerem conselhos para usar a Fundação antiga (ou seja, vers 3). Mas acho que a versão mais recente é a melhor.
Minha pergunta, qualquer solução para fazer novo suporte Foundation (vers. 4) para o IE? Eu preciso do conselho porque eu estou empilhado aqui. Obrigado
Respostas:
9 para resposta № 1O problema com o IE7 e o IE8 é que eles não criaram suporte para consultas de mídia.
Existem algumas opções que pode ajude você, polyfills entre navegadores que adicionam suporte a consultas de mídia a navegadores antigos.
Os dois mais populares são respond.js e css3-mediaqueries.js . Eu tive sucesso com os dois.
No cabeçalho da sua página, você testa o navegador e carrega um desses scripts, se necessário.
As maneiras que fiz isso no passado são com comentários condicionais:
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->
ou usando modernizr
Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq("only all"),
// If not, load the respond.js file
nope : "/js/respond.js"
}
]);
Ambos os métodos são fáceis o suficiente para tentar, e mesmo se você não ajudar neste caso específico, você provavelmente terá a oportunidade de testá-los novamente em outro site.
Boa sorte!
0 para resposta № 2
eu escrevi isto http://justthisguy.co.uk/responsive-sass-and-ie/ que parece usar bootstrap e ter sassgere uma folha de estilo ie7 que padroniza a visualização da área de trabalho. Eu estou indo trabalhar em uma versão de fundação dele em algum momento. Isso resulta em alguma duplicação de regras de CSS, mas algo como https://github.com/addyosmani/grunt-uncss poderia ser usado para remover essa duplicação