Comment créer un nouveau support pour Zurb Foundation pour IE 7+? - responsive-design, zurb-foundation

J'ai récemment construit un site web responsive. j'utilise Fondation Zurb Parce que certains conseils et articles sont la meilleure solution pour rendre les sites Web réactifs plus efficaces. Mais le problème, la nouvelle version de Foundation ne prend pas en charge IE 7+, comme vous pouvez le constater. ici, mais je souhaite que mon site supporte l’ensemble des versions d’IE. Certains suggèrent d’utiliser l’ancienne Fondation (vers 3). Mais je pense que la nouvelle version est la meilleure.

Ma question, toute solution pour rendre le nouveau soutien de la Fondation (vers. 4) pour IE? J'ai besoin de conseils parce que je suis "pile ici. Merci

Réponses:

Le problème avec IE7 et IE8 est qu’ils ne disposent pas d’un support intégré pour les requêtes de média.

Il y a quelques options qui mai vous aider cependant, polyfill multi-navigateur qui ajoutent un support de requête multimédia aux anciens navigateurs.

Les deux plus populaires sont respond.js et css3-mediaqueries.js . J'ai eu du succès avec les deux.

Dans l'en-tête de votre page, vous testez le navigateur et chargez l'un de ces scripts si nécessaire.

Les manières dont j’ai fait cela dans le passé sont soit avec des commentaires conditionnels:

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->

ou en utilisant moderniser

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"
}
]);

Les deux méthodes sont assez faciles à essayer, et même si cela ne vous aide pas, vous aurez probablement l’occasion de les essayer à nouveau sur un autre site.

Bonne chance!

J'ai écrit ça http://justthisguy.co.uk/responsive-sass-and-ie/ qui regarde à l'aide de bootstrap et d'avoir sassgénérer une feuille de style ie7 qui utilise par défaut la vue du bureau. Je vais travailler sur une version de base à un moment donné. Il en résulte une duplication des règles CSS mais quelque chose comme: https://github.com/addyosmani/grunt-uncss pourrait être utilisé pour éliminer cette duplication