Un site web s'adaptant juste aux téléphones portables

Salut a tous, j'ai fais pas mal de recherche sur Internet mais je pas trouver de solution, est-ce quelqu'un pourrait me donner une solution comment je peux concevoir un site web mobile qui s'adapte juste à tout les téléphones portables ? (Ex de FB pour mobile), et si on essayer d'affiché ça sur PC que ça affiche la même chose que sur mobile donc ça prend la forme du téléphone tout juste centré au milieu de l'écran. Si vous connaissez aussi de cour qui parle de ça je suis partant. Merci d'avance pour vos réponses
N.B. : je connais le HTML, CSS

Les sites qui s'adaptent à différentes largeurs d'écrans et donc qui sont compatibles avec tous les périphériques utilisent pour la plupart la technique responsive design. Fais des recherches sur le web avec ces termes pour trouver des tutos.

Si tu fais des sites qui ont la même vue sur portable et sur desktop, c'est juste plus simple puisque tu n'as pas à faire une mise en page plus élaborée spécifique pour grand écrans, le code responsive design est donc minimaliste. Mais sur grands écrans le rendu est moche, peu fonctionnel et comme les grand écrans concernent aussi les ordinateurs portables ou les grandes tablettes, ce qui fait au final beaucoup de visiteurs potentiels, c'est dommage de ne pas faire une mise en page plus élaborée et confortable pour ces utilisateurs.

Cela dit on voit de plus en plus de petits sites qui sont non pas développés dans l'optique "mobile first" mais plutôt "mobile only". C'est parfois justifié car suffisant mais bien souvent c'est plutôt pour économiser le budget quitte à proposer un affichage médiocre sur grand écran.

Bonjour,

1/ Site mobile only"

si tu vas EN BAS de cette page, tu trouveras une liste déroulante (tout en bas, à gauche), qui permet justement de passer le site developpez.com de "style standard" à "style mobile", même sur PC.
Donc, oui c'est possible, sans difficulté.

Il te suffit de définir ton site, sans te préoccuper des medias queries (qui permettent justement d'adapter en fonction de la largeur du media).

2/ affichage sur PC : même forme et dimensions qu'un smartphone mais centré

Là, il suffit de mettre un div englobant tout, avec un max-width et max-height en pixels, au format que tu souhaites.
Mais les smartphones n'ont pas tous la même résolution : à toi de définir les dimensions d'affichage, ainsi que l'orientation (paysage ou portrait).

Salut jreaux62, mais comment faire un site *only mobile* qui s'adapte a toutes les résolutions des smartphones, si on est peut que définir une résolution d'un écran mobile phone quelconque ?

Merci à ABCIWEB je fais déjà de recherche sur le *responsive web design*

"responsive design" : on définit les largeurs des "boites", images,... en pourcent (%), pas en pixels.

Fais d'abord une recherche, tu comprendras mieux après.

Merci jreaux62, merci à tous pour vos réponses, j'ai enfin réussi c'est que je chercher, je me suis accroché presque toute la journée a bosser.