Bonjour,
Je suis en train "d'essayer" d'adapter un site existant pour les mobiles.
J'ai fixé le viewport et a priori ça fonctionne de ce côté là.
J'ai pris une feuille de style modèle pour fixer un petit bug (c'est le seul pour le moment).
Il concerne le titre du site et les titres des pages:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 @media (max-width: 640px) { body { width : auto ; } #nom,#cell_gauche,cell_droite,#titrepage,#conteneur,#menu,#footer,#banniere,#fonction,#barreau { width: auto; margin: 0; padding: 0; -webkit-text-size-adjust: 70%; }
Je ne parviens pas à éviter le retour forcé à la ligne dans la visualisation iphone/ipad, ce qui ne se produit pas dans les navigateurs.
J'appelle la feuille de style de cette manière:
Dans cette feuille de style, j'ai collé la feuille donnée sur le tuto en spécifiant tous les conteneurs à largeur fixe devant passer à auto.
Code : Sélectionner tout - Visualiser dans une fenêtre à part <link rel="stylesheet" href="medias.css" media="screen">
http://remiti-leandri-avocat.fr/
C'est quand que ça ne va plus?
merci d'avance
Partager