JavaScript sur l'équitation défini des propriétés en utilisant des requêtes de médias

Question

I régler la hauteur et la largeur d'un DIV en calculant des propriétés window.height et window.width puis en attribuant des valeurs à la DIV. Maintenant, la DIV correspond à l'ensemble fenêtre du navigateur.

Je veux maintenant l'emporter sur ces dimensions en utilisant des requêtes des médias lorsqu'un utilisateur redimensionne la fenêtre. Sur un écran plus petit, je veux régler la hauteur et la largeur de la DIV à une dimension inférieure à la hauteur de la fenêtre et la largeur?

Est-ce possible? Peuvent hauteurs et largeurs définies à l'aide JavaScript soit supplantée par les requêtes des médias?

Answer 1

Tant que vous gardez vos fichiers multimédias requêtes assez simple que vous pourriez faire un javascript simple, instruction if / else.

 if (screen.width < 480) {
     // Set some variables
 } else {
     // Set other variables
 }

Une autre option, il est le plus récent window.matchMedia API .