2017-04-18 2 views
2

Utilisation de bootstrap 3.3.6.css et jquery-1.11.3.min.js.Bootstrap - Affichage Android trop petit

Vous avez travaillé sur un site et vous l'avez testé régulièrement sur tout ce qui a déjà été fait. J'ai eu un peu de retard sur les tests de l'écran Galaxy S4, alors je l'ai fait aujourd'hui seulement pour constater que le site est d'environ 1/3-1/2 de la taille qu'il devrait être. Donc, j'ai commencé avec un index.html vierge et j'ai progressivement ajouté tout, section par section. Pendant tout ce temps, l'affichage s'est bien passé, cependant, j'ai remarqué qu'à un certain moment, l'affichage commencerait petit mais finalement étendu à la bonne taille et remplirait parfaitement l'affichage.

Je suis à perte totale sur celui-ci. La balise meta-vue de port est correct pour autant que je sache:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Ceci est le site, si vous souhaitez voir vous-même: http://www.motospec.parishpc.com

Quelqu'un at-il connu avant?
Quelqu'un peut-il suggérer une solution possible?

+0

vous faites référence sur la carte ? –

Répondre

2

A trouvé le problème, par l'intermédiaire de la traînée et de l'erreur - commenter systématiquement le code suspect.

Le problème est avéré être un iframe pour une carte google:

Étrangement, cela a fonctionné sans problème pendant un certain temps. Je ne sais pas pourquoi tout d'un coup il a commencé à causer et à émettre.

Autre fait: en haut de l'écran pour la vue smartphone, le logo de l'entreprise est en réalité un lien vers index.html. La page afficherait dans la plus petite échelle, et en appuyant sur le lien «home», pour ainsi dire, la page serait redessinée et l'échelle serait alors correcte.

Allez à la figure.

2 règles pour le développement:

règle 1) Le codage est voodoo parfois règle 2) ne peuvent pas changer la règle 1

Merci pour la recherche ...

+0

Je l'ai regardé .. C'était vraiment étrange –