La taille de la fenêtre d'affichage mobile est-elle basée sur le navigateur ou la résolution d'écran?

Question

La fenêtre d'affichage des téléphones mobiles est-elle basée sur la résolution d'écran ou le navigateur mobile? Voici quelques tailles de fenêtres de navigateur mobile populaires:

-Opera fenêtre de navigateur mobile 850px

-iPhone navigateur Safari viewport 980px

-iPad (paysage & mode portrait) viewport 980px appareil mobile? -Android browser viewport 800px

-I navigateur mobile viewport 320px source. Mais la taille de la fenêtre est-elle mise à l'échelle par résolution du

Answer 1

Techniquement, les périphériques mobiles disposent de deux tailles de fenêtre, la fenêtre de présentation et la fenêtre de visualisation.

La fenêtre de présentation est fixe car elle est basée sur la largeur et la hauteur de l'écran du périphérique physique. Ses dimensions sont accessibles avec les propriétés screen.width et screen.height en JavaScript et device-width pour les requêtes média en CSS3.

La fenêtre d'affichage visuelle est déterminée par la largeur et la hauteur de la fenêtre du navigateur. Ses dimensions sont accessibles avec les propriétés window.innerWidth et window.innerHeight en JavaScript et width pour les requêtes média en CSS3.