modernizr pour ie8 media queries
Je suis à la recherche à l'aide de modernizr pour soutenir la requête de média dans ie8.
Pourriez-vous veuillez donner un exemple pour mettre en œuvre le même.
J'ai également eu un coup d'oeil à Respond.js, mais le trouve un peu complexe avec tous les CDN choses.
Toute autre suggestion serait également appréciée.
OriginalL'auteur testndtv | 2011-10-15
Vous devez vous connecter pour publier un commentaire.
Respond.js est obligatoire si vous souhaitez utiliser mediaqueries dans IE8. C'est le polyfill qui permet des requêtes de média pour le navigateur.
Modernizr seulement offre d'essai pour les mediaqueries. Selon le doc, dans les anciens non-soutien de navigateur, le test renverra toujours false.
Une autre alternative est adapt.js par Nathan Smith, le créateur de la 960gs système de grille.
Mise à jour:
Modernizr est maintenant l'ajout du support pour les balises html5 dans les anciennes version d'IE comme indiqué dans le doc
Aussi, puis-je remplacer adapt.js pour l'ensemble des médias les instructions de requête..par exemple, Si j'ai 3 fichiers CSS à appliquer sur le même code html @ diff tailles d'écran, même si le navigateur comprend des requêtes de média comme, disons, FF4 ou Safari 5 , il serait également travailler de façon transparente avec adapt.js...je n'ai pas tout à fait obtenir la fonction de rappel à utiliser dans adapt.js..
Vous devriez donner de la doc regardez c'est assez simple. Vous devriez offcourse inclure le script partout avec le strict minimum ADAPT_CONFIG. La meilleure façon de l'utiliser est d'utiliser l'instruction conditionnelle de ne charger le script pour la version de IE inférieur à 9. Alors vous pouvez toujours utiliser les media queries pour les navigateurs modernes. À propos de la solution de repli, c'est facultatif et ce qu'il fait est d'exécuter référencé dans la fonction javascript après adapt.js a fait son travail. Essayez de mettre ce statemeent:
function() {alert('Adapt Loaded');}
a la solution de repli. Profiter 😉J'ai pensé du jour au lendemain qu'il était de 100%, mieux de tester pour mediaqueries avec modernizr au lieu d'utiliser les commentaires conditionnels pour détecter si vous avez à utiliser adapt.js ou pas. Aller avec modernizr pour tester mediaqueries fonctionnalité du navigateur !
modernizr ajoute le support pour les éléments html5 comme l'article, section, etc., trop.
OriginalL'auteur Jonathan Liuti
Modernizr ne pas ajouter des fonctionnalités au navigateur; il se borne détecte si le navigateur prend en charge certaines fonctionnalités, et permet donc de votre site afin de déterminer s'il est nécessaire d'utiliser un polyfill hack pour cette fonction.
Sorte que vous pouvez l'utiliser Modernizr pour savoir si vous avez besoin d'utiliser Respond.js ou pas.
La Modernizr site web ne comprennent une page qui répertorie tous les polyfill hacks qu'ils connaissent, donc si vous n'êtes pas heureux avec Respond.js vous pourriez essayer de regarder ici pour voir quelles sont les alternatives disponibles. En regardant la page, je vois, il y a quelques autres personnes mentionnées dans les "Media Queries" de la section, de sorte que vous pourriez essayer.
Cependant, je dirai que Respond.js ne semble pas être l'un script qui est actuellement recommandé pour ce genre de chose. Je n'ai pas essayé les autres énumérés, donc je ne peux pas comparer, mais je peux dire que Respond.js fonctionne de la manière qu'il le fait pour une bonne raison.
La raison que Respond.js a ces complexes inter-domaine, c'est que la seule façon pour qu'il fonctionne avec les navigateurs qui ne comprennent pas les requêtes de média est à la charge de l'ensemble de la feuille de style de nouveau et de les traiter à l'aide de Javascript. Mais la sécurité du navigateur de modèle ne vous aime pas faire ce genre de chose grâce à des scripts chargés.
Comme je l'ai dit, je n'ai pas travaillé avec l'une ou l'autre des scripts, mais je pense qu'ils avaient souffrent de problèmes similaires, en raison de la façon dont ils avaient besoin pour travailler afin d'obtenir des requêtes de média de travailler sur un navigateur qui ne les supporte pas.
La façon la plus simple de traiter cette question est tout simplement de mettre la respond.js script dans le même domaine que le reste de votre site plutôt que de le charger à partir d'un domaine distinct. Cela ignore totalement la nécessité de traiter avec le CDN de problème.
Espère que ça aide.
OriginalL'auteur Spudley
Les Media queries ne sont pas pris en charge dans internet explorer 8. Aussi avec modernizr, ce n'est pas d'aller travailler. Modernizr ne pas ajouter des fonctionnalités au navigateur. Et pourquoi vous voulez ajouter des requêtes de média dans ie8? Les Media queries sont faites pour les sites web mobiles. Requêtes médias ne se sont pas faites pour les navigateurs de bureau.
Si vous êtes à la rédaction de votre CSS pour mobile d'abord avant de bureau (par exemple, stuffandnonsense.co.royaume-uni/projets/320andup/) alors vous voulez IE6-8 d'être toujours en mesure de voir le bureau de styles de sorte qu'il devrait être en mesure de comprendre les CSS media queries
Certains frameworks CSS utilisation mobile-première approche, et nécessitent des requêtes de média pour afficher le contenu dans une mise en page différente de la valeur par défaut de la vue mobile.
OriginalL'auteur Mike Vierwind