Dans une page en responsive design adaptée aussi aux smartphones, quel est le but principal d'écrire <meta name="viewport" content="width=device-width, initial-scale=1"> dans <head> ?

Réponse : A. Faire correspondre la largeur de mise en page à la largeur de l'écran de l'appareil et afficher la page sans la réduire

Sans cette déclaration, le navigateur d'un smartphone met en page la page sur une grande largeur prévue pour les pages destinées aux ordinateurs (en général environ 980px), puis la réduit pour qu'elle tienne dans l'écran. width=device-width fait correspondre la largeur de mise en page à la largeur de l'écran de l'appareil, et initial-scale=1 fixe le zoom initial à la taille réelle. On adapte ensuite la disposition et la taille des caractères à la largeur de l'écran avec des requêtes média CSS (par exemple @media (max-width: 600px)).