Je suis perdu et je ne peux pas comprendre comment convaincre Mobile-Firefox de charger mon site complètement zoomé: / Je n'ai pas trouvé de solution de travail à rechercher à la fois Stackoverflow et le Web. Voici un lien vers le
site web ! P>
Il n'y a pas de version mobile séparée de mon site Web. Je permet de zoomer dans et à l'extérieur et sur les iPhones, les iPads et le navigateur Android, cela fonctionne parfaitement. Mais en utilisant Mobile-Firefox sur mon Android, il charge la page zoomé ... et cela seul n'est pas le problème principal! P>
La zone "Clickable" de la page reste la même "boîte" de Le zoom initial: Je ne peux pas faire glisser mes curseurs, je ne peux même pas cliquer sur des images en dehors de cette petite "boîte d'activité" pour ouvrir les liens de Fancybox et similaires. Dès que je panne mon site dans cette petite "boîte", je peux glisser, cliquer sur des liens et interagir car je devrais être capable de. P>
Mon méta-code est le suivant: P>
<style>
-moz-@viewport {
width: device-width;
initial-scale: 1;
}
</style>
3 Réponses :
largeur = largeur de périphérique force le Navigateur d'avoir un
Merci pour votre aide! Lorsque j'utilise votre code, je reçois une "boîte" plus large pour Mobile-Firefox, où l'utilisateur peut interagir comme prévu. Le problème est tout ce que fait: le zoom initial ne fonctionne pas comme il l'a fait avant. C'était bien sur le navigateur d'actions Android, également sur iPad et iPhone 3 & 4, montrant l'ensemble du site sur le démarrage. Le seul problème était Mobile Firefox. Donc, cela guérit réellement un problème mais crée une autre - je dois toujours continuer à chercher une autre solution sur la manière de réparer le zoom initial, puis!
:) Je suis en fait face à l'inverse. Firefox for Mobile Render parfaitement, et tous les autres ne le sont pas. Mais la logique dit qu'il devrait fonctionner, si vous définissez la fenêtre de la fenêtre et la même limite de largeur, alors pourquoi votre page ne va-t-elle pas parfaitement? Je dirais que tous les autres navigateurs sont Buggy..so essayer de jouer avec une échelle minimale et une échelle maximale, pour s'adapter à des choses. pourrait aider.
Apparemment si vous définissez la balise de largeur seule et définissez aucune autre balise, cela fonctionne.
J'ai eu beaucoup de travail et la solution est venue après avoir inspecté d'autres sites travaillant sur Firefox Mobile. La solution consistait à augmenter la fenêtre META TAG:
Ceci a fonctionné parfaitement ici. p>
p>
<meta name = "viewport" content = "width = device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, user-scalable = no">
En fait, pour moi, Firefox est génial et un navigateur de stock est fou
Quelle version Android utilisez-vous, à l'abri des intérêts :)?
Je suis confronté à un défi similaire. J'essaie d'obtenir une minute de largeur pour la fenêtre. J'aime la largeur de l'appareil jusqu'à ce qu'elle descend à environ 600px, la fenêtre ne devrait vraiment pas augmenter plus avant. J'ai l'impression d'avoir tout essayé, lol. Actuellement, je définit la fenêtre de vue comme vous et définissez une min-largeur sur mon HTML et mon corps. Cela donne deux problèmes: 1) la même chose que la vôtre semble être une zone de non-clic à droite du contenu initialement visible, et 2) il commence à zoomer dans quelle que soit ce que j'ai défini à l'échelle initiale. Toute aide ferait basculer!