Comprendre le Viewport dans le Web mobile

Comprendre le #Viewport dans le Web mobile - Alsacreations
►http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de « fenêtre » réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile.

Comprendre la notion de viewport est absolument indispensable dans un projet d’intégration de site web pour tablettes et smartphones, ou dans un esprit d’adaptation « #Responsive Web Design ».

Comprendre le #Viewport dans le Web mobile - Alsacreations
►http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

Pour résumer, Safari mobile sur iPhone 4 va afficher par défaut les pages web dans une fenêtre de 980px de large au sein des 320px de largeur qu’il croit avoir… bien qu’il en ait physiquement 640px.
Une image de 320px de large va, par conséquent, occuper par défaut 1/3 de la largeur de l’écran. Tordu, non ?

À suivre sur le Web | Maestru
►http://www.maestru.fr/a-suivre-sur-le-web-30.html

« Par exemple, la surface réelle de quelques terminaux Apple :

320x480px pour l’iPhone 3
480x960px pour l’iPhone 4
480x1136px pour l’iPhone 5
768x1024px pour l’iPad 2
1536x2048px pour l’iPad 3 »

#webdev #mobile