J'ai créé un site Web réactif avec des versions pour ordinateur et mobile, utilisant @media. Tout fonctionne parfaitement, sauf lorsque vous consultez le site Web sur un téléphone paysage ou sur un iPad.Le site ne se met pas correctement à l'échelle lorsque vous passez en mode paysage sur les téléphones
Voici le site: http://netcomtb.esy.es/home.html
Si vous appuyez sur f12 et consulter le site mobile, il semble bien, mais si vous l'affichez dans iPad ou un téléphone paysage, vous verrez ce que je veux dire, je juste ne sais pas comment l'expliquer donc c'est assez difficile de trouver une solution! La première image est ce à quoi ressemble la version de bureau du site, la deuxième image est à quoi ressemble le site mobile sur un Nexus 6P, et la troisième image est à quoi ressemble le site lorsque le téléphone est en mode paysage. .
Je ne pourrais pas télécharger 3 images donc je coincé tous les trois dans le même:
Bienvenue dans StackOverflow! Malheureusement, votre question n'est pas très claire. Quel est le problème exactement? Sur mobile, je vois que la deuxième section n'a que 25% de largeur. Est-ce le problème? Sur iPad, le contenu chevauche légèrement l'en-tête? Est-ce le problème? Nous ne pouvons pas être sûrs du problème, car nous ne savons pas ce que vous essayez d'accomplir **. Veuillez mettre à jour votre question afin que vous indiquiez clairement l'apparence désirée, et ce qui n'est pas désiré. Pour plus d'informations, s'il vous plaît se référer à [l'article d'aide] (http://stackoverflow.com/help/how-to-ask) concernant la façon de poser de bonnes questions :) –