1
00:00:02,692 --> 00:00:05,269
La vue adaptative est un moyen simple de voir

2
00:00:05,388 --> 00:00:08,381
comment votre site web ou votre application web apparait et réagit sur un appareil

3
00:00:08,433 --> 00:00:10,853
avec un petit écran comme sur un téléphone.

4
00:00:10,983 --> 00:00:15,241
Bien sûr, vous pouvez redimensionner le navigateur quand vous avez fini

5
00:00:15,241 --> 00:00:17,498
mais il y a deux problèmes :

6
00:00:17,533 --> 00:00:21,313
d'abord c'est difficile de mettre la zone visible à la bonne taille

7
00:00:21,334 --> 00:00:24,784
et ensuite, quand vous rétrécissez beaucoup la fenêtre du navigateur

8
00:00:24,784 --> 00:00:26,994
il devient difficile à utiliser.

9
00:00:27,033 --> 00:00:31,133
Avec la vue adaptative, vous pouvez facilement

10
00:00:31,183 --> 00:00:34,333
définir avec précision la taille de la zone visible d'un site web

11
00:00:34,346 --> 00:00:38,146
sans changer la taille du navigateur.

12
00:00:40,215 --> 00:00:42,125
Vu que la taille de la fenêtre ne change pas

13
00:00:42,200 --> 00:00:44,900
vous pouvez facilement passer aux autres onglets pendant que vous travaillez.

14
00:00:48,277 --> 00:00:52,277
La zone visible par défaut est de 320x480 pixels

15
00:00:52,674 --> 00:00:55,974
Vous pouvez choisir parmi beaucoup d'autres présélections

16
00:00:56,015 --> 00:00:59,565
et définir vos propres tailles personnalisées.

17
00:01:00,760 --> 00:01:03,330
Vous pouvez changer l'orientation de l'écran

18
00:01:04,349 --> 00:01:08,349
et le redimensionner au niveau des bords de la fenêtre.

19
00:01:10,488 --> 00:01:13,648
Bien sûr, vous pouvez toujours utiliser les autres outils de développement

20
00:01:13,727 --> 00:01:17,727
si vous avez encore besoin d'ajuster quelque chose.

21
00:01:18,878 --> 00:01:22,558
Ceci était une courte introduction à la vue adaptative

22
00:01:22,558 --> 00:01:26,128
pour plus d'informations à ce sujet et sur les autres outils de développement

23
00:01:26,174 --> 00:01:30,174
rendez-vous sur developer.mozilla.org