Le site Web avec lequel j'ai des problèmes est "kayparkmemorials.com". Si vous le visualisez sur votre ordinateur portable / bureau et que vous réduisez le site Web à la plus petite fenêtre évolutive possible, il semble fonctionner comme prévu de manière réactive. Pour une raison quelconque, lorsque je consulte le site sur mon téléphone mobile, il affiche la vue comme si elle était en mode tablette.

J'ai la largeur maximale pour la vue mobile définie comme: écran @media et (largeur maximale: 815 px)

Quelqu'un a-t-il déjà eu des problèmes similaires à celui-ci et avez-vous des conseils? Une autre chose importante que je dois ajouter est que lors du test du site sur Dreamweaver en scannant le code-barres pour obtenir l'aperçu sur mon mobile, il a été prévisualisé comme prévu. Je n'ai rien changé au codage après ce point et dès qu'il est officiellement sur le web (1 & 1 HOSTING), la réactivité sur mobile ne fait pas ce qu'elle devrait.

-1
Nathan269 8 nov. 2019 à 04:42

1 réponse

Meilleure réponse

Vous devez ajouter une balise META de fenêtre d'affichage en tête de votre page.Si vous ne le faites pas, le comportement par défaut des navigateurs de téléphones intelligents consiste à mettre à l'échelle votre page de bureau.

Ce que tu veux c'est

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">  
...  
</head>  

Bonne chance!

1
David Taiaroa 8 nov. 2019 à 03:38