J'essaie de créer une feuille de style spéciale pour les appareils mobiles (par exemple - iPhone).
J'ai dans la feuille de style principale une règle comme celle-ci: et pour un certain en-tête: (toutes mes tailles de polices sont en EM, à l'exception du corps qui définit tout) Quand je vois la grosse en-tête sur mon iphone Il a l'air calme petit - que dois-je faire pour le voir dans une taille plus grande? Comment puis-je postuler à tous les éléments une règle à «être deux fois plus gros» (j'ai essayé de redimensionner la taille de la police du corps, mais cela n'a pas fonctionné). Qu'est-ce que je fais mal et Comment devrait-il être fait correctement?
3 Réponses :
Je définirais le corps défini sur 1em , puis les en-têtes, etc., définissez en conséquence.
-webkit-text-taille-ajuster: Aucune | AUTO |
Donc, deux fois plus grand serait: -webkit-text-taille-ajuster: 200%;
J'ai essayé cela, mais dans mon cas, le problème persiste quand j'exécute l'application dans l'émulateur d'iPhone.
J'ai trouvé cette pièce de code qui désactive la mise à l'échelle dans l'iPhone:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Quel est le but de cette mise à l'échelle, avant votre correctif?