Site Internet pour la conversion site Web mobile

Question

J'ai une simple page Web here.

Si je veux le convertir en site Web mobile, ce qui devrait à mon html ou quelque chose tel que quand je l'ouvre avec mon mobile, je devrais pouvoir voir la page entière dans mon écran.

J'ai essayé d'ajouter à mon code html ... dans la tête

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 

caractéristiques mobiles: Toute navigation sur le Web mobile et soutien suis une largeur de ciblage 320px. Pas de défilement horizontal autorisé. Seul défilement vertical.

Pouvez-vous m'aider à corriger ce bug? Juste le code pour la conversion au site Web mobile. J'ai essayé quelques solutions en ligne, mais ne semblais pas fonctionner.

Merci! : D

Answer 1

Je commencerais par prendre cette balise meta ... il semble jouer avec la capacité de l'utilisateur à zoomer dans et hors de la page, ce qui est une mauvaise utilisation. Je dirais que si vous optez pour un site optimisé pour les mobiles, vous devrez repenser la façon dont vous utilisez CSS. Au lieu de déclarer des largeurs en pixels, utilisez des pourcentages. Les largeurs d'appareils mobiles changent entre les modes paysage et portrait, mais 80% est toujours de 80%.

Cet article vous explique comment commencer à configurer différents styles pour différentes largeurs de périphérique: http://www.alistapart.com/articles/responsive-web-design/