Media Queries
Les Media Queries est un ensemble de techniques proposés par CSS3 qui permettent de réussir le Responsive Design ou design adaptatif.
Le Responsive Design permet d'adapter l'affichage d'une page Web au média sur lequel elle doit être affichée. Le media peut être un écran classique, un écran de téléphone, tablette, imprimante, TV...
Les Media Queries appliquent des styles CSS conditionnés par des règels.
Exemple:
@media screen and (max-width:960px){
h1{
font-size:18pt;
}
}
Cette règle applique la taille de la police 18 points aux grand titres h1 si la largeur de l'écran ne dépasse pas 960 pixels.