Tip:
Highlight text to annotate it
X
bonjour les gars bonsoir aujourd'hui nous apprenons comment créer un site web réactif
vidéo précédente, nous apprenons complète créer un site Web, vous pouvez voir ici dans les précédents
vidéo nous apprenons mais dans cette vidéo tutoriel, nous apprenons à créer un
site web donc tout d'abord, nous devons vérifier où comment vérifier site web ou
pas droit cliquer sur la page cliquer Choisir inspecter et cliquer sur cet appareil à bascule
barre d'outils, vous pouvez voir le site Web n'est pas réactif mais ici, je vous montre un autre
c'est un site web complètement réactif faites un clic droit sur inspecter et vous pouvez voir
site web est pleinement réactif, vous pouvez Vérifiez Galaxy S5 choisir 100% et vous pouvez voir
regarde c'est très bon c'est un site Web réactif et ceci est votre site Web réactif et
vous pouvez vérifier l'iphone et choisir ici 100% vous pouvez voir ressembler à iPhone maintenant
fermez-le et fermez-le et voici est un site Web non réactif comment
créer un site Web réactif alors faites glisser et laissez tomber dans le bloc-notes plus plus et CSS
glisser et déposer et nous avons besoin de la première copie et coller dans la tête de l'index
index dot HTML alors allons-y feuille de style et ici nous mettons la largeur de la fenêtre
la largeur de votre appareil Largeur de l'appareil en largeur initiale
échelle 1.0 signifie que nous rechargerons ce que vous peut voir quelques changements mais pas réactif
ici nous devons créer complet réactif donc ici, nous tapons d'abord @
écran multimédia et largeur maximale: 800 px et ici nous avons besoin de support bouclé sous
le support bouclé mettra le sélecteur de classe comme la division principale copier et coller
ici
nous mettons la largeur de cent pour cent désolé ici, nous mettons quatre vingt dix pour cent maintenant
ctrl s pour enregistrer et recharger cette page vous peut voir 90 pour cent de poids est de travail maintenant nous
besoin de ce menu et ici nous sommes partis et copier à droite le sélecteur de classe complète et
coller ici ici nous avons maintenant besoin à cent désolé 100 pour cent a laissé un
et à droite et maintenant recharger cette page vous peut voir et voici un problème dans le menu
maintenant nous allons en haut à gauche ici, nous trouvons height remove ctrl s pour sauvegarder et recharger
cette page contrôle s pour enregistrer et recharger cette page
Maintenant, ici, nous devons l'enlever et vous pouvez Voyons maintenant nous avons besoin de répondre menu si
ul li ici le copier et coller ici et copier coller ici et collez-le
maintenant nous avons besoin de rafraîchir vous pouvez voir maintenant nous avons besoin d'un et nous mettons ici 100% de pâte
here ctrl s to save and reload this page vous pouvez voir maintenant nous vérifions cela
et vous pouvez voir
80% ici, nous mettons backspace ctrl s à enregistrer et recharger cette page et maintenant nous
besoin de ce bloc, nous allons et trouver un bloc un ici copier et coller ici et mettre
100% de largeur et maintenant recharger cette page vous peut voir c'est un travail et maintenant nous avons besoin
certains ici mis marge: pad 0px: 0px vous peut voir la marge supérieure désolé top
vous pouvez créer comme ça et vous pouvez copier
copiez-le très clairement et vous pouvez le voir sélecteur principal principal et en haut à droite
et va ici, nous devons coller ctrl s et recharger cette page, vous pouvez le voir
c'est un bon travail maintenant nous avons besoin de logo Centre donc faites un clic droit sur cet élément et inspecter
choisissez ici nous pouvons voir en haut ici nous besoin en haut à droite, nous allons en haut à droite et ici
nous choisissons en haut à droite img et la marge
gauche 10px ctrl s pour enregistrer et recharger cette page ne fonctionne pas ici maintenant nous devons
changes le
maintenant nous devons effacer ce en haut à gauche ici, nous avons besoin de gauche img contrôle s et
en haut à gauche ici un peu de mal parce qu'il reste et ici nous mettons à gauche et maintenant nous
actualisez ou rechargez cette page que vous pouvez voir certains changements maison alors nous avons maintenant besoin
30 PX et rechargez cette page ici nous avons besoin cent% cent px et recharger ce
page que vous pouvez voir ici, nous mettons 80px recharger
cette page, vous pouvez voir c'est
site Web réactif et comment créer un site Web réactif, vous pouvez voir
et un autre appareil comme cent pour cent vous pouvez comparer à partir de ce site et
c'est un site Web réactif et c'est l'index et inspecter vous pouvez
voir et vous pouvez voir
ici, nous mettons sensibles cent pour cent ici nous mettons responsive vous pouvez voir le site
est sensible et ce tutoriel vidéo, vous apprendrez comment créer un
site web réactif donc merci pour regarder s'il vous plaît voter moi merci