Le navigateur mobile dispose d'une fenêtre d'affichage par défaut. La fenêtre d'affichage par défaut de la plupart des appareils mobiles est de 980 px. Ainsi, si une page PC mesure 980 px de large, elle sera rendue à 980 px puis mise à l'échelle selon un certain rapport, afin de pouvoir être affichée. sur le téléphone mobile. Si la page est entièrement affichée, si la page fait 1200px, alors les 220px supplémentaires ne sont pas dans la fenêtre d'affichage par défaut de 980px. Comment rendre cette partie supplémentaire ? Est-il rendu selon le 1200 réel, puis adapté à l'écran du téléphone mobile ? Ou un rendu selon 980px ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Viewport peut être configuré. La valeur par défaut est généralement de 980 px et n'est pas mise à l'échelle. À ce stade, 1 200 seront affichés en dehors de l'écran et la page sera étirée. Le résultat est une barre de défilement apparaissant en dessous (différents téléphones mobiles la gèrent différemment). .
Si une largeur est spécifiée pour la fenêtre d'affichage, alors 1 200 px seront mis à l'échelle pour s'adapter à la largeur.