2013-05-08 8 views
23

Meine Phonegap/Cordova App sieht gut aus mit der Einstellung unten, auf Geräten wie iPhone 4/4S (640x960), HTC Desire HD (480x800), Samsung Galaxy Hinweis usw.Phonegap/Cordova App Shrink zu klein auf hoher Auflösung Gerät wie Samsung Galaxy S4

<meta name="viewport" content="user-scalable=no, initial-scale=0.75, maximum-scale=1, minimum-scale=0.75, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

Aber es schrumpft zu klein auf ultrahochauflösende Geräte wie Samsung Galaxy S4 (1080x1920, 5,0 Zoll ~ 441 ppi Pixeldichte), kann dieser Benutzer benötigen eine Lupe zu lesen.

Wie optimiere ich das Ansichtsfenster so, dass es über das gesamte Smartphone/Tablet hinweg unabhängig von der Bildschirmgröße oder Pixeldichte ungefähr gleich groß ist?

Ich versuchte, die Skala auf 1,5 zu erhöhen, es ist auf S4 lesbar, aber dann ist alles auf Geräten mit geringerer Dichte zu groß.

Irgendeine Idee?

+0

möglich Duplikat [Phonegap Anwendung Text und Layout zu klein] (http://stackoverflow.com/questions/15194940/ phonegap-application-text-and-layout-too-small) –

Antwort

34

Versuchen Sie, device-dpi durch medium-dpi zu ersetzen. device-dpi verhindert eine Standardskalierung, während medium-dpi auf Bildschirmen mit niedriger Dichte verkleinert und auf Bildschirmen mit hoher Dichte skaliert wird.

Es gibt einige refs hier http://developer.android.com/reference/android/webkit/WebView.html

Original-Beitrag und Antwort gehen Sie hier: https://stackoverflow.com/a/15545381/1039194

+0

Ich bin nicht sicher, dass dies eine veraltete Antwort ist, werfen Sie einen Blick auf https://Stackoverflow.com/a/44436314/622813 – l2aelba