CSS Media Queries que la version du Navigateur est Redimensionnée?
Je pense CSS media queries ne fonctionne pas comme utilisateur redimensionne le navigateur? L'utilisateur devra actualiser la page pour la requête de média pour prendre effet? Comment puis-je mettre à jour la requête de média peut-être avec JS? actuellement, je utiliser JS pour détecter la taille de la fenêtre sur redimensionner ajouter addClass()
Vous n'avez pas besoin de JS pour le faire. Par exemple: simplebits.com
Parfait exemple de MediaQueries en action!
Parfait exemple de MediaQueries en action!
OriginalL'auteur Jiew Meng | 2011-03-03
Vous devez vous connecter pour publier un commentaire.
Vous n'avez pas besoin de JS pour MediaQueries pour le travail ou pour la détection de la taille de l'écran/vue sur le port. Aussi, vous n'avez pas besoin de rafraîchir votre navigateur, à la suite d'une MediaQuery.
Prendre un coup d'oeil à cet article pour obtenir des informations détaillées et 'Comment faire' pour l'utilisation de MediaQueries:
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
Probablement la meilleure façon d'y parvenir est de fournir séparer les MediaQueries dans la tête de votre code HTML:
Vous pouvez également utiliser des MediaQueries au sein de votre principale feuille de style:
J'aimerai fortement recommandé de prendre le temps de lire l'article ci-dessus pour obtenir une meilleure compréhension de MediaQueries. Une fois que vous comprenez comment les utiliser au mieux, vous les trouverez très précieux!
OriginalL'auteur Dan