IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

caracteres qui apparaissent trop petit sur iphone


Sujet :

Conception Web

  1. #1
    Membre du Club
    Inscrit en
    avril 2002
    Messages
    86
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : avril 2002
    Messages : 86
    Points : 46
    Points
    46
    Par défaut caracteres qui apparaissent trop petit sur iphone
    Bonjour,
    Tout d'abord, j'espère ne pas m'être trompé de catégorie pour le message, j'ai choisis la plus générale à mon sens n'en trouvant pas qui me semble appropriée.


    Actuellement, je réalise un site pour mon club de foot, la version web fonctionne normalement, je viens de me décider de créé une version pour mobile.
    J'ai donc un script php qui identifie si le navigateur est une version mobile et si c'est le cas affiche une version spéciale de mon site, jusque la pas de problème.

    Mon souci, c'est que pour une page html simple avec juste un peu de texte sans mise en forme particulière, si je vais sur le site depuis mon téléphone portable (en 240*320), le texte apparait bien, une taille standard et lisible pour le texte.
    Par contre si je vais sur le site depuis un iphone (320*480), les caractères apparaissent très petits!


    Par exemple, pour tester j'ai créer une page contenant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test version mobile</title>
    </head>
    
    <body>
    Taille Normale de texte
    </body>
    </html>
    Donc pas de mise en forme pour le texte, et pourtant si j'ouvre cette page depuis un iphone, j'ai le droit à une page blanche avec en tout petit en haut à gauche le texte contenu dans le body.

    Quelqu'un connait-il le problème?
    Merci pour vos aides,
    TouFou
    Ma version de Delphi: Delphi6 Perso Fr.
    Mon systeme d'exploitation: Windows XP
    Mon niveau de prog sous delphi: euh...ca commence a aller .

  2. #2
    Membre du Club
    Inscrit en
    avril 2002
    Messages
    86
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : avril 2002
    Messages : 86
    Points : 46
    Points
    46
    Par défaut
    J'ai trouvé la soluce......

    Je la mets, ca peut servir.

    Dans le header, il faut rajouter:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    Et voilà!

    Bonne journée,
    TouFou
    Ma version de Delphi: Delphi6 Perso Fr.
    Mon systeme d'exploitation: Windows XP
    Mon niveau de prog sous delphi: euh...ca commence a aller .

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Lien web qui renseigne un proxy sur iPhone ?
    Par maxtofurious dans le forum Développement Web avec .NET
    Réponses: 0
    Dernier message: 05/12/2011, 20h00
  2. Taille des polices fixes ET trop petite sur CE6.0
    Par tigunn dans le forum Windows Mobile
    Réponses: 4
    Dernier message: 20/10/2008, 15h06
  3. ToolTip seulement sur cellule trop petite
    Par Josy dans le forum Composants
    Réponses: 2
    Dernier message: 15/04/2008, 11h52
  4. sur activation qui apparait trop tot à l'ouverture
    Par petitours dans le forum IHM
    Réponses: 4
    Dernier message: 23/03/2008, 16h27
  5. Réponses: 4
    Dernier message: 12/09/2007, 16h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo