2016-04-21 10 views
0

EDIT: Ich habe das Ansichtsfenster wieder auf 1 und ich werde die Schriftgrößen ändern, wie die Größe, die gleich aussehen sollte. wird aktualisiert, nachdem ich alles geändert habe, um zu sehen, ob es wirklich funktioniert.ionische App extrem gezoomt nach dem Gebäude

Ich habe viele verschiedene Dinge ausprobiert, aber es zeigt einfach nichts richtig. Wenn ich ionic view verwende, funktioniert es perfekt und auch in Browsern.

Darstellungs Tag

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no"> 

lief ich die apk-Datei auf Bluestacks und Samsung Galaxy S4, aber die Ergebnisse i sieht wie folgt erhalten: http://imgur.com/5VPYcwH

es sollte wie folgt aussehen: http://imgur.com/wZEnTx1

I Ich habe auch versucht, das Ansichtsfenster auf viele verschiedene Dinge zu ändern und es hat nicht funktioniert.

+0

Gibt es irgendeinen Grund, warum Sie '0.3' als Ansichtsfenster verwenden? Warum nicht '1' verwenden? Dies ist wahrscheinlich der Grund für Ihre Probleme. – Matthijs

+0

Ich war ein bisschen faul auf dem Viewport, änderte es zurück auf 1, weil alle meine Schriftgrößen damals falsch waren. Aber jetzt nennst du es, das war das Problem die ganze Zeit ... Ich änderte es jetzt wieder auf 1 und ich änderte die Schriftgrößenwerte in Größen, die funktionieren sollten und jetzt funktioniert es perfekt auf meinen Geräten .. Danke für die Erwähnung. – Efei001

+0

Mein Vergnügen. Viel Glück! Gibt dir auch eine 'offizielle' Antwort;) – Matthijs

Antwort

1

Ihr Problem durch die scale Sie in Ihrem viewport.

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no"> 

der Skala eingestellt haben verursacht wird (initial nur, wenn Sie geben möchten der Benutzer eine Option zum Vergrößern Ihrer App; wenn nicht, ändern Sie auch Maximum und Minimum) sollte auf 1 anstelle von 0.3 gesetzt werden. Etwas in der Form von:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 
0
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> 

Ihre erste Skala Eigenschaft auf 1,0

Anrufsch
Verwandte Themen