L'adaptation mobile

C'est en 2007 que l'on voit apparaitre le premier téléphone connecté à Internet ; l'iPhone première génération d'Apple, compatible avec la 2G.

Les sites web doivent s'adapter ...

CSS Media queries

Objectif : adapter la feuille de style en fonction du périphérique de consultation.

La media query est une instruction qui précise la portée de la règle CSS, selon le type d’appareils.

Plusieurs critères :   

• width (⬄ largeur du périphérique)   
• height (⬄ hauteur du périphérique)   
• orientation (⬄ « landscape » pour paysage, ou « portrait ») 

Ces critères peuvent être combinés (« and », « only », …) et préfixés par « min- » et « max- ».