Je teste la réactivité de Bootstrap navbar et j'ai un site Web de démonstration . Lorsque je redimensionne le navigateur sur un bureau, tout fonctionne bien, y compris la barre de navigation qui devient un menu pliable avec une petite icône en haut sur laquelle je peux cliquer pour voir plus de boutons de menu.
Mais quand je l'ai essayé à partir d'un navigateur mobile (je l'ai essayé sur Chrome et un navigateur Internet sur un Android), je n'ai pas vu le design réactif. Je ne pouvais voir qu'une très petite version de bureau comme un site Web.
Quelqu'un pourrait-il indiquer ce que je fais mal?
twitter-bootstrap
user-interface
twitter-bootstrap-3
responsive-design
bootstrap-4
Lawphotog
la source
la source
maximum-scaleet utilisées à la1.0place1. Savez-vous si ces choses font une différence?comme suggéré ici http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/
serait un choix encore meilleur car cela rend le passage du portrait au paysage et du dos une expérience utilisateur beaucoup plus agréable, car avec / height l'adopterait naturellement en raison de la possible mise à l'échelle automatique.
la source
Ajout de ceci pour les personnes recherchant cette erreur pour lesquelles la réponse acceptée ne fonctionne pas. Je pense que ce sera un cas plus rare, mais néanmoins frustrant:
Si votre page est rendue dans un jeu de cadres (par exemple, le masquage de domaine), le fait de placer les balises meta n'aidera pas. Vous devrez les mettre dans la page du domaine de cloaking, auquel vous pouvez ou non avoir accès en fonction de votre hôte DNS.
la source
Essayez de vider le cache de votre navigateur et ouvrez la page dans un nouvel onglet. Cela résout parfois le problème pour moi chaque fois que cela se produit.
la source