Ich habe den folgenden Code:
%Vor%Aber meine Schriftgröße sieht so klein aus. Es stimmt, ich kann hineinzoomen, aber sollte nicht die Standardschriftgröße lesbar sein?
Ich würde versuchen, den Standpunkt in einem Meta-Tag zu setzen:
%Vor%Weitere Informationen:
Da in Version 1.3 von jquery-mobile immer noch keine Funktion zum automatischen Skalieren von Text in höheren Auflösungen zur Verfügung steht, möchte ich hier meine persönliche Problemumgehung vorstellen. Es ist immer noch ein Hack, aber funktioniert ganz gut für mich.
Dies ist eine Überschreibung für jquery.mobile-1.3.0.css, mit der der gesamte Text in einer beliebigen ui-Komponente relativ zur Schriftgröße des Seitenrumpfs skaliert wird. Setzen Sie dieses irgendwo in Ihr CSS und laden Sie es nach dem jQm CSS.
%Vor%Wenn Sie dann die Schriftgröße des Seitenrumpfs innerhalb einer Medienabfrage festlegen, passen sich alle ui-Elemente automatisch an die Schriftgröße der Körper an.
%Vor%Ich empfehle auch, die Symbole in derselben Abfrage zu überschreiben, da die 36px-Versionen auf Geräten mit höherer Auflösung viel zu klein aussehen.
Soweit ich das beurteilen kann, ist jQueryMobile nur so auf die High-Density-Bildschirme anzupassen, die mit den neuesten Mobilgeräten kommen. Die Schriftgröße ist auf meinem iPad 1 schon ziemlich klein, also frage ich mich, ob es im CSS genug Kompensation für Retina-Displays etc. gibt.
Ich bin mir nicht sicher, ob es viel hilft, aber ich verwende diese Medienabfragen, um die Basisschriftgröße meiner App für einen Bildschirm mit höherer Dichte anders zu setzen.
%Vor%Das Problem ist, dass jQuery seine eigenen pixelbasierten Schriftgrößen auf eine Reihe von Elementen anwendet, so dass Sie inkonsistente Textgrößen erhalten.
Ich hatte das gleiche Problem, bis ich Medienabfragen mit Pixeldichte verwendet habe. Das Folgende funktionierte gut für mich, was erlaubte, dass Text, der 20px auf dem Desktop war, auf Mobilgeräten genauso groß war wie meine Augen:
%Vor%Tags und Links jquery-mobile