Warum Schriftgrößen (und andere Elemente) auf mobilen Geräten so klein erscheinen

7

Ich versuche ein spezielles Stylesheet für mobile Geräte zu erstellen (zum Beispiel - iphone).

Ich habe im Haupt-Stylesheet eine Regel wie diese:

%Vor%

und für eine bestimmte Kopfzeile: (alle meine Schriftgrößen sind in em außer dem Körper, der alle definiert)

%Vor%

Wenn ich den großen Header auf meinem iPhone sehe, sieht es leise aus - was soll ich tun, um es größer zu sehen? Wie kann ich auf alle Elemente eine Regel anwenden, die "doppelt so groß ist" (Ich habe versucht, die Schriftgröße des Körpers zu ändern, aber das hat nicht funktioniert).

Was mache ich falsch und wie soll es richtig gemacht werden?

    
Alon 28.11.2011, 16:04
quelle

3 Antworten

5

-webkit-text-size-adjust: none | auto | <percentage>;

Also, doppelt so groß wäre: -webkit-text-size-adjust: 200%;

    
bookcasey 28.11.2011, 16:11
quelle
21

Ich habe diesen Code gefunden, der die Skalierung im iPhone deaktiviert:

%Vor%

Ich bin mir nicht sicher, ob das die genaue Lösung ist (und es hat alles zu groß aussehen lassen) - aber das ist halb da ...

    
Alon 28.11.2011 16:14
quelle
0

Ich würde die body auf 1em setzen und dann die Header usw. entsprechend setzen.

    
Jason Gennaro 28.11.2011 16:09
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Warum wird mein Fehlerfluss nicht ausgelöst, wenn der SSIS-Sequenzcontainer fehlschlägt?