Viewport/Mediaqueries funktionieren nicht auf Android
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
all
browser
code
darstellung
eigener leidvoller erfahrung
empfehlen
experte
falsch mache
http
jemand
leute
mobile ansicht
nutzen
pixel
programmieren
testen
url
verstehen
weben
-
Hallo Leute
Ich bin gerade dabei, eine Responsive Seite zu programmieren. Auf dem Desktop funktioniert alles wunderbarl, auch die Mobile Ansicht funktioniert einwandfrei. Nun versuche ich, den Smartphones beizubringen, dass diese eine breite von 500px haben sollen - das will jedoch Chrome und der Androidbrowser nicht verstehen (iPhone keine Ahnung, wahrscheindlich ähnlich).
Der von mir verwendete viewport lautet wie folgt:
<meta name="viewport" content="width=500, initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no" />
Ein Test via Javascript ergibt, dass der Browser effektiv 500 Pixel verwendet. Jedoch entspricht die Darstellung ganz und gar nicht dem was ich erwartet habe.
Es handelt sich um die folgende Seite: http://dev.thoeni.me/tf/
Wenn man die Breite auf 500 Pixel z.B. im Firefox via Entwicklertools -> Bildschirmegrösse testen eingibt, ist es wunderbar - auf dem Phone hingegen ganz und gar.
Hat jemand eine Idee, was ich falsch mache? Langsam weiss ich nicht mehr weiter...
Gruss all-web -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich bin da auch kein Experte, aber ich kann dir aus eigener (leidvoller) Erfahrung nur empfehlen, ein entsprechendes Frames (wie z.B. Amazium) zu nutzen, habe ich z.B. hier http://bolivien.npage.de auf einer von mir eingebaut.
Ich finde, dass man recht schnell halbwegs brauchbare Ergebnisse erzielt und sich nicht so sehr um die Basics kümmern muss.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage