Discussion :

[userparis]

bonjour à tous, j'ai une question assez simple au sujet de la création de site version mobile.

J'ai remarqué qu'en mettant dans ma page html un simple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" />

donc sans indiquer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

content="initial-scale=0.5, width=device width"

qu'on utilise alors toute la largeur de l'écran. je m'explique (d'après ce que j'ai compris) : les smartphone ont une largeur d'environ 320 px mais en réalité ils ont plus de 900 px. Avec le code ci-dessus (sans scale et device width) j'utilise donc les 900px ce qui a priori est une bonne chose puisqu'on a plus de place pour mettre les éléments du site même si très souvent il faut zoomer pour une meilleur lisibilité. Question : utiliser vous les 900px px ou bien les 320 pour afficher votre site version mobile ? si oui pour quelles raisons ?

Avec device width et scale a 1, l'affichage se fait sur 320 px donc la tout est zoomé et on a moins de place et il faut réagencer la page en mettant les blocs en dessous des autres avec une meilleur lisibilité surtout au niveau du texte. Je me demande donc quel est la tendance ? on utlise le device width / scale et on ré agence avec les media queries ou bien sans device width / scale et on laisse l'utilisateur zoomer ?

si vous pourriez me donner votre avis sur ce sujet ça serait cool Merci beaucoup, j'espère avoir été clair si c'est pas le cas n'hésitez pas a me le dire.

[Muchos]

D'une part, <meta name="viewport" /> ne sert à rien s'il n'y a aucune valeur.
D'autre part, la réponse est dans votre question :

on utlise le device width / scale et on ré agence avec les media queries ou bien sans device width / scale et on laisse l'utilisateur zoomer ?

D'ailleurs, peut-on appeler "version mobile" un site qui nécessite un zoom?

[userparis]

bonjour Muchos et merci pour votre réponse.

D'après ce que je comprends vous dite qu'il est préférable d'utiliser scale width et device width. J'aimerai juste comprendre pourquoi, c'est lié à l'argument du zoom ou il y a une raison purement technique qui assure un bon fonctionnement du site version mobile sur tous les types de mobile ?

j'ai cru avoir lu dans un "tuto" que l'utilisation de scale et device width assure un rendu identique sur tous les mobiles. Pourquoi est ce que la solution inverse (sans scale et device width) n'assurerai pas le meme rendu ? techniquement quelque chose m'échappe

D'autre part je me pose la question car je me dis pourquoi se priver de 900 px dispo pour n'en utiliser que 300 et quelques?

D'ailleurs, sur mon mobile (i phone 4) je tombe assez souvent sur des sites qui a priori sont très ressemblant a la version ordinateur. Ce qui je suppose veut dire qu'il n'y a pas de scale et device width et pas de ré agencement.

J'espere que mes questions sont plus précises et que vous pourrez m'éclairer un peu merci.


EDIT : je voudrais ajouter quelque chose que je viens de remarquer, j'ai regarder le code source de certains site pour grandes enseigne et je ne vois pas de balise viewport. Pourtant après avoir consulter également ces sites sur mobile, ils sont ben ré agencer. Est-ce que dans ce cas, le ré agencement est gérer éventuellement avec les media queries ?

encore merci

[Invité]

Bonjour,
un article à lire :
=> Comprendre le méta tag viewport

Pense à utiliser la recherche (tout en haut du forum, à droite)

[userparis]

Bonjour jreaux62 et merci d'intervenir sur mon sujet,

avant de poster, j'ai fait une recherche dans tous les forums sur les mot clé width et device width mais je n'ai rien trouver de concluant, peu être que je m'y suis mal pris pour la recherche

Je regarde le lien que tu fournis et reviens vers vous.

Merci

EDIT : OK, l'argument de devoir zoomer revient dans l'article ci-dessus.

Cette phrase de l'article a également retenu mon attention :

La meilleure solution pour que votre site ait un « responsive design » est de définir comme largeur de « viewport » la largeur du matériel utilisé pour visualiser la page Web.

Je vais donc me lancer en suivant vos conseils et en définissant la taille du viewport, et utiliser les media queries. Juste pour conclure avant de tager résolu le topic, pourquoi (cf ma question dans la partie EDIT de mon deuxième post) après affichage du code source HTML de certains site le viewport n'est pas déclaré et pourtant le site est responsive sur consultation via mobile?

Merci

[Invité]

Les sites dont tu parles ne sont pas "responsive".
Les smartphone et autres tablettes sont concus pour afficher tous les sites (!),
en s'adaptant à la "plus grande largeur" du site.

Plus clairement : si le site fait 960px de large, il sera dézommé pour tenir dans l'écran.