Comment faire un responsive web design - bases (4 / 5 étapes)

Étape 4: Balise meta Viewport

Nous avons donc ici un site sensible!!!

Lorsque je consulte ce site sur un appareil mobile, cependant, il montre le site Internet en pleine résolution et je dois zoom-in et out pour naviguer.

Voici où le balise Meta Viewport entre en jeu...

La balise meta viewport est la solution d’Apple au problème et a été rapidement adoptée par les autres plateformes. Mais n’a jamais été pud vers l’avant par le W3C.

< nom meta = « viewport »... >

Par conséquent, nous allons définir une règle semblable de la fenêtre d’affichage dans notre css.

... }

Et l’autre comme un correctif pour internet explorer.

... }

La largeur s’ajuste le site sur le périphérique en mode d’affichage normal et en mode paysage.

Et zoom ou initiale 1 signifie aucun zoom.

Il y a tout un tas de fenêtre Propriétés à utiliser pour chaque appareil unique.

Mais pour faire simple, nous n’utilisons que quelques-uns pour s’adapter à tous.

Je vous laisse un lien comme référence.

https://developer.mozilla.org/en/docs/Mozilla/mobile/Viewport_meta_tag

Articles Liés

Comment faire un Arduino web Server

Comment faire un Arduino web Server

Dans cet exemple, vous utilisera votre bouclier Ethernet et votre Arduino pour faire un serveur Web de base. Utilisant la bibliothèque Ethernet votre appareil aura la capacité de répondre à une demande HTTP avec votre bouclier Ethernet. L'Ethernet wa
Comment faire de retouche Photo de base

Comment faire de retouche Photo de base

Dans ce tutoriel vous allez apprendre comment faire des retouches photo de base. Nous passerons par comment recadrer une photo, de combiner les deux images et comment ajouter des bordures à vos photos. J'ai utilisé la Photo Collage pour la plupart de
Comment faire un Origami Hexagon Box Base (unité modulaire 2) !

Comment faire un Origami Hexagon Box Base (unité modulaire 2) !

Dans ce tutoriel, je vais vous montrer comment faire un origami Hexagon Box Base (unité modulaire 2). Profitez: D !Origami: 2 Piece Hexagon Box boîte Base (unité modulaire 2) !Conçu par : Tomoko FuseCouvercles de boîte à six pans creux de trois pièce
Comment faire un haut-parleur de base

Comment faire un haut-parleur de base

je vais vous montrer comment faire un haut-parleur de base il suffit de noter ceci est mon premier concours en structuble, donc s'il vous plaît soyez gentil.Étape 1: materiales vous devez d'abord gether comme suit : un aimant permanent en céramique u
Comment faire des sites Web - une Introduction complète au développement Web

Comment faire des sites Web - une Introduction complète au développement Web

Regardez sur YouTubeCette série de vidéos est d'introduire le développement de sites Web pour les débutants qui ne savent pas quoi faire des sites. Ce premier épisode introduit le logiciel que j'utilise dans mon flux de travail pour faire des sites W
Tutoriel - Comment faire un moule en Design graphique de Blender !

Tutoriel - Comment faire un moule en Design graphique de Blender !

Aujourd'hui, vous apprendront comment faire un simple, pourtant attrayante conception dans Blender-Un dé. (Pas comme dans, R.I.P. mort mais, comme dans un seul dés)Laisser des commentaires si tout est allé beaucoup pour vous !Etape 1: Introduire les
Comment faire un Spiderman Web Shooter Prop en utilisant l’impression 3d

Comment faire un Spiderman Web Shooter Prop en utilisant l’impression 3d

Voici comment faire les tireurs 2012 web en utilisant l'impression 3d.Tu as besoin de:Rustoleum bleu métalliqueRustoleum brillant argentun jeu rougesuperglueRustoleum laque vertun brassard en cuir.Étape 1: 3d imprimant de shapeways shapeways prendra
Comment faire un site Web à l’aide de weebly.com

Comment faire un site Web à l’aide de weebly.com

Je vais vous apprendre à faire des sites Web [pour notre société] à l'aide de weebly.comÉtape 1: S'inscrireMonter à weebly.com et signe avec votre adresse email [se connecter avec les informations de notre entreprise].Étape 2: Ajouter ou créer un sit
Comment faire un YouTube 80 s base Logo fond d’écran - Tutorial | Photoshop CC 2015 - GraphixTV

Comment faire un YouTube 80 s base Logo fond d’écran - Tutorial | Photoshop CC 2015 - GraphixTV

Je décide de faire ce tutoriel parce que certains d'entre vous, mes amis et abonnés me demandent comment faire cette conception fantastique. J'espère donc que tous les gars et les filles ont succès travaillant sur ce tutoriel simple et facile. Gens d
Comment faire un site Web gratuit

Comment faire un site Web gratuit

beaucoup de gens souhaitent avoir leur propre site Web, mais sont désemparés pour savoir où commencer. Ce guide est ce qui im écrit à changer cela.Tout ce dont vous avez besoin est un ordinateur et les connaissances nécessaires pour l'utiliser.Étape
Comment faire le meilleur Zentangle Design

Comment faire le meilleur Zentangle Design

JinDans ce tutoriel je montre comment faire beau Zentangle Design:)Aller avec le courantRegarder et apprendre.Pour plusieurs de ces tutorielsvisitez ici : http://bit.ly/1Mj0rk9Et n'oubliez pas de frapper s'abonner.Cordialement,Something4allofusSaby
COMMENT FAIRE UNE ÉTAGÈRE DESIGN ?

COMMENT FAIRE UNE ÉTAGÈRE DESIGN ?

BONJOUR MES COLLÈGUES !JE SUIS WAQARAujourd'hui, je vais vous montrer comment faire faire une étagère design qui peut aussi gérer votre TV, CCTV DVR, routeur WIFI, et des livres.CE que j'appelle technique étagère Design PORTABLEPOOici je vous dire co
Comment faire l’algèbre de base pour les élèves du Collège

Comment faire l’algèbre de base pour les élèves du Collège

Enseigner aux étudiants comment faire algèbre de base
Comment faire un avion en papier base

Comment faire un avion en papier base

je vais vous apprendre comment faire un avion en papier de base qui prendra probablement seulement 1 à 5 minutesÉtape 1: Ce que vous devez Pour cela, vous devez seulement 1 feuille de papier d'imprimante vide.Étape 2: Le début Pliez le papier en deux