• Inscription
AideApple Aide App Apple iPhone iPad iOS sdk ipod itv support

Bienvenue sur AideApple.com Le Site d'aide qui va trouver la réponse à vos questions en un rien de temps !

Poser une Question
Répondre aux Questions


Site Favoris:

PS Live PhotoShopLive PSLIVE PSL
Concours Aide Apple:


Bientôt Disponible !
+4 votes
273 vues

Bonjour, 

J'aurais aimé avoir un peu plus d'informations sur la balise viewport 

<meta name="viewport" content="user-scalable=no, width=device-width"/>

Merci 

par (1.7k points) dans Dev Web

Votre réponse

Votre nom à afficher (en option)
Vie privée : Votre adresse de messagerie ne sera utilisée que pour l'envoi de ces notifications .
Vérification anti-spam
Pour éviter cette vérification à l'avenir, Connectez vous ou inscrivez vous.

2 Réponses

+3 votes
 
Meilleure réponse

Le viewport : fenêtre avec vue…

Non le viewport n’est pas le nom du dernier endroit à la mode, mais plutôt un terme désignant la surface d’affichage sur un appareil mobile. Et bonne nouvelle, on peut la modifier ! 
Exemple :

<meta name="viewport" content = "width = device-width, initial-scale = 2.3, user-scalable = yes" />

Mais c’est quoi ça ? Et bien voilà la métadonnée (à placer entre balise <head>) qui vous permet simplement de définir la zone à afficher sur votre site. Explications :

Width : Définit la largeur de la zone d’affichage. Par défaut elle est de 980px.

Plusieurs paramètres peuvent être spécifier :

  • device-width : Il est conseillé de l’utiliser afin de n’avoir qu’un seul viewport pour tous les appareils iOS (iphone/ipad). Ainsi cela permet d'ouvrir une page en pleine largeur.

<meta name="viewport" content = "width = device-width" />
  • Initiale-scale : La zone évolutive de la zone d’affichage (commence à 1 et fini à 9).

<meta name="viewport" content = "width = device-width, initial-scale = 1" />
  • User-Scalable : « yes » ou « no » vous permettant d’autoriser ou non l’utilisateur à zoomer /dé-zoomer sur votre site.

<meta name="viewport" content = "width = device-width, initial-scale = 1, user-scalable = yes" />

 

par (3.4k points)
sélectionné par
Merci beaucoup pour ta réponse ;)
0 votes

Petit bug avec Safari & iPhone 5 : 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

 

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

par (19k points)


Le site, les concours ainsi que tous les services d'AideApple sont indépendant d'Apple Inc.
Toutes les marques citées appartiennent à leurs propriétaires respectifs.
Sites Favoris : HomeKit - Star Citizen TV
...