2017-01-31 2 views
1

Mon site est fluentsea.net. J'ai essayéComment puis-je faire en sorte que mon site de défilement horizontal s'affiche correctement sur un appareil mobile?

THIS IS WHAT IT LOOKS LIKE on my phone and other phones ive used

THIS est à quoi il ressemble sur un navigateur de bureau (firefox) et comment il est censé regarder une taille de téléphone mobile:

Je sais que le code est laid (son du le site m'a fait mes dents en apprenant HTML et CSS)

J'ai fait beaucoup de travail pour que les ancres défilent automatiquement à gauche et à droite et amènent l'utilisateur sur un chemin à travers le site. Il fonctionne très bien sur les navigateurs de bureau, mais pour une raison quelconque sur un téléphone mobile, il WAY out pour que

J'ai utilisé les règles @media pour rendre le design sensible et c'est quand je redimensionner une fenêtre de navigateur de bureau (firefox) à quelque chose similaire à une taille mobile.

J'ai essayé de changer toutes les instances où j'utilise 100vw à 100% par exemple et cela n'a pas fonctionné. J'ai changé la façon dont le contenu est poussé vers la droite en utilisant margin-left: 100vw, en mettant un div "vide" avec 100vw et 100% de largeur qui pousse le contenu à droite, essayé de positionnement absolu le bon contenu - aucun cela a fonctionné - les navigateurs de téléphone essayent toujours de montrer le tout. Je ferais bien de contourner quelque peu ce qui est dans les navigateurs mobiles qui empêche mon site de regarder comment il fonctionne sur Firefox sur Windows 7 même si c'est une solution sale. Je veux que l'utilisateur puisse utiliser le site comme il peut sur le bureau.

aidez s'il vous plaît!

+0

donc je viens de changer le et j'expérimente avec ça et il semble que réellement fonctionne! C'est fou parce que j'ai regardé cela pendant des mois, mais maintenant, après avoir posté ici, j'ai cherché une solution et cela fonctionne. mais je suis toujours curieux quant à la météo c'est une bonne pratique ... pas que ive fait beaucoup de cela jusqu'à présent lol –

+0

Je suggère de créer un [MVCE] (http://stackoverflow.com/help/mcve) à démontrer le problème afin que nous ayons quelque chose à travailler avec. Sans code, il est presque impossible de donner une réponse significative à votre question, et je soupçonne qu'il sera bientôt fermé. – Pevara

Répondre

0

Cochez la case Bootstrap. Bootstrap est le framework HTML, CSS et JS le plus populaire au monde pour la création de projets réactifs et mobiles en premier sur le Web.