Ich bin verloren und kann nicht herausfinden, wie ich Mobile-Firefox davon überzeugen kann, meine Seite vollständig zu laden: / Ich konnte keine funktionierende Lösung finden, die sowohl stackoverflow als auch das Web durchsucht. Hier ist ein Link zum
WEBSEITE !
Es gibt keine separate mobile Version meiner Website. Ich erlaube das Ein- und Auszoomen und auf iPhones, iPads und dem serienmäßigen Android-Browser funktioniert es einwandfrei. Aber mit Mobile-Firefox auf meinem Android lädt es die Seite gezoomt ... und das allein ist nicht das Hauptproblem!
Der "anklickbare" Bereich der Seite bleibt dieselbe kleine "Box" des anfänglichen Zooms: Ich kann meine Schieberegler nicht verschieben, ich kann nicht einmal auf Bilder außerhalb dieser kleinen "Aktivitätsbox" klicken, um sie zu öffnen Fancybox-Links und dergleichen. Sobald ich meine Seite in diese kleine "Box" schwenke, kann ich rutschen, auf Links klicken und so interagieren, wie es mir möglich ist.
Mein Meta-Code ist folgender:
%Vor%Ich habe html5boilerplate als Ausgangspunkt für meine Website verwendet. Sehen Sie Konflikte, die zu meinem View-Port-Problem führen können? Ein anderer Benutzer schien eine Lösung zu finden und löste ein weiteres Meta-Tag, das auf ältere Browser verweist. Ich finde folgendes in meinem Code, aber es spielt keine Rolle, ob ich es lösche oder nicht:
%Vor%Ich habe auch versucht, mit dem folgenden Code-Snippet zu arbeiten, ohne Erfolg:
%Vor%Vielleicht kennt jemand eine einfache Lösung dafür? Ich wäre so dankbar für jede Art von Hilfe, Rat oder Hinweis, wie ich das Problem angehen kann :) Vielen Dank im Voraus!
Prost, Merlin.
Offenbar, wenn Sie das width-Tag alleine setzen und keine anderen Tags setzen, funktioniert es.
Ich hatte eine Menge Arbeit und die Lösung kam, nachdem ich andere Websites, die auf Firefox Mobile arbeiteten, inspiziert habe. Die Lösung war, das Meta-Tag-Ansichtsfenster zu vergrößern:
Das hat hier perfekt funktioniert.