WEBVTT

00:00:02.692 --> 00:00:05.269
La vue adaptative est un moyen simple de voir

00:00:05.388 --> 00:00:08.381
comment votre site web ou votre application web apparait et réagit sur un appareil

00:00:08.433 --> 00:00:10.853
avec un petit écran comme sur un téléphone.

00:00:10.983 --> 00:00:15.241
Bien sûr, vous pouvez redimensionner le navigateur quand vous avez fini

00:00:15.241 --> 00:00:17.498
mais il y a deux problèmes :

00:00:17.533 --> 00:00:21.313
d'abord c'est difficile de mettre la zone visible à la bonne taille

00:00:21.334 --> 00:00:24.784
et ensuite, quand vous rétrécissez beaucoup la fenêtre du navigateur

00:00:24.784 --> 00:00:26.994
il devient difficile à utiliser.

00:00:27.033 --> 00:00:31.133
Avec la vue adaptative, vous pouvez facilement

00:00:31.183 --> 00:00:34.333
définir avec précision la taille de la zone visible d'un site web

00:00:34.346 --> 00:00:38.146
sans changer la taille du navigateur.

00:00:40.215 --> 00:00:42.125
Vu que la taille de la fenêtre ne change pas

00:00:42.200 --> 00:00:44.900
vous pouvez facilement passer aux autres onglets pendant que vous travaillez.

00:00:48.277 --> 00:00:52.277
La zone visible par défaut est de 320x480 pixels

00:00:52.674 --> 00:00:55.974
Vous pouvez choisir parmi beaucoup d'autres présélections

00:00:56.015 --> 00:00:59.565
et définir vos propres tailles personnalisées.

00:01:00.760 --> 00:01:03.330
Vous pouvez changer l'orientation de l'écran

00:01:04.349 --> 00:01:08.349
et le redimensionner au niveau des bords de la fenêtre.

00:01:10.488 --> 00:01:13.648
Bien sûr, vous pouvez toujours utiliser les autres outils de développement

00:01:13.727 --> 00:01:17.727
si vous avez encore besoin d'ajuster quelque chose.

00:01:18.878 --> 00:01:22.558
Ceci était une courte introduction à la vue adaptative

00:01:22.558 --> 00:01:26.128
pour plus d'informations à ce sujet et sur les autres outils de développement

00:01:26.174 --> 00:01:30.174
rendez-vous sur developer.mozilla.org