9
votes

Taille de police par défaut de jQuery mobile

J'ai le code suivant: xxx

mais ma taille de police a l'air si petite. C'est vrai, je peux zoomer, mais la taille de la police par défaut ne doit-elle pas être lisible?

jquery-mobile

0 commentaires

5 Réponses :

13
votes

Je regarderais dans la définition du point de vue dans une balise méta: xxx

une autre information:

http://davidbcalhoun.com/2010/viewport-metag

1 commentaires

Je suis un piquant-flux de champignon, nuage de champignons.

1
votes

Oui, vous avez besoin de cette balise Meta Plus une solution pour le bogue de redimensionnement d'orientation dans iOS Safari:

Cliquez pour visiter GitHub Page

0 commentaires

2
votes

Autant que je puisse dire, JQuéryMobile n'est donc que pour régler les écrans haute densité qui sortent avec les derniers appareils mobiles. La taille de la police est déjà assez petite sur mon iPad 1, donc je me demande s'il y a suffisamment de compensation dans le CSS pour les écrans de rétine, etc.

Je ne suis pas certain si cela aide beaucoup, mais j'utilise ces requêtes de média pour définir la Taille de police de base de mon application différemment pour l'écran de densité supérieure. P>

body {
    font-size: 14px;
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    body {font-size: 10.5px;}
}
@media screen and (-webkit-device-pixel-ratio: 1.0) {desktop browsers
    body {font-size: 14px;}
}
@media screen and (-webkit-device-pixel-ratio: 1.5) {e.g. Google Nexus S (Samsung Galaxy S)
    body {font-size: 16px;}
}
@media screen and (-webkit-device-pixel-ratio: 2.0) {e.g. iPad
    body {font-size: 18px;}
}

0 commentaires

3
votes

Depuis la version 1.3 de JQuery-Mobile manque toujours d'une fonctionnalité de texte à l'échelle automatique sur des résolutions plus élevées, je voudrais partager ma solution de contournement personnelle ici. C'est toujours un piratage, mais travaille assez bien pour moi.

Il s'agit d'une substitution pour JQuery.Mobile-1.3.0.css qui rend tout le texte dans une échelle de composants d'interface utilisateur relativement à la taille de la police du corps de la page. Placez ceci n'importe où dans votre CSS et chargez-le après strong> le CSS JQM. P> xxx pré>

si vous définissez la taille de la page du corps de la page dans un Requête multimédia, tous les éléments d'interface utilisateur s'adapteront automatiquement à la taille de la police des corps. P>

@media only screen and (min-device-width: 640px) {

    /* increase font size on higher resolution */
    body {
        font-size: 26px;
    }

    /* increase icon size on higher resolution */
    /* TODO .. */
}

0 commentaires

0
votes

J'ai aussi eu le même problème jusqu'à ce que j'utilise les requêtes de média avec la densité de pixels. Ce qui suit a fonctionné très bien pour moi, ce qui a permis au texte 20px sur le bureau pour afficher la même taille à mes yeux sur mobile: xxx

0 commentaires