Interroger les médias nommés

La description

Dans la variable $ breakpoints de SASS, vous pouvez définir n'importe quel point d'arrêt avec quelques mots-clés. Il prend en charge en tant que raccourci les requêtes nommées pour les requêtes multimédias CSS complètes.

Vous pouvez inclure vos propres requêtes multimédias nommées et les ajouter en tant que propriétés à Foundation.Interchange.SPECIAL_QUERIES

Foundation.Interchange.SPECIAL_QUERIES['square'] = 'screen and (aspect-ratio: 1/1)';

N ° Sr. Nom de la requête Requête média
1 petit 
screen and (min-width: 0em)
2 moyen 
only screen and (min-width: 40em)
3 grand 
only screen and (min-width: 64em)
4 xlarge 
only screen and (min-width: 75em)
5 xxlarge 
only screen and (min-width: 90em)
6 portrait 
screen and (orientation: portrait)
sept paysage 
screen and (orientation: landscape)
8 rétine 
only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)