caracteres qui apparaissent trop petit sur iphone

**toufou** · 23/07/2009, 15h48

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

**toufou** · 23/07/2009, 16h14

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

caracteres qui apparaissent trop petit sur iphone

Conception Web

Discussions similaires

Partager

Partager